HTML僅適用於特定分辨率的圖像

我想僅在1280 x 800分辨率的表格中顯示圖像（可以是任何尺寸），它不會在其他屏幕上顯示。HTML僅適用於特定分辨率的圖像

現在我在身體內使用<img>元素，如果圖像很小，它不會填滿屏幕，如果圖像很大，它會將其顯示在屏幕外。

因此，HTML是這樣的：

<!DOCTYPE html> 
<html lang="en"> 
    <head> 
    <meta charset="UTF-8"> 
    <title>Mapa</title> 
    <script type="text/javascript" src="js/jquery-3.2.1.min.js"></script> 
    <script src="/libs/qimessaging/1.0/qimessaging.js"></script> 
    <script type="text/javascript" src="js/senaletica.js"></script> 
    </head> 
    <body> 
    <img id="mapa" alt="mapa" src=""> 
    </body> 
</html>

和JavaScript：

$('document').ready(function(){ 

    var session = new QiSession(); 

    session.service("ALMemory").done(function (ALMemory) { 
     ALMemory.subscriber("PepperQiMessaging/totablet").done(function(subscriber) { 
      subscriber.signal.connect(toTabletHandler); 
     }); 
    }); 

    function toTabletHandler(value) { 
     var imgMap = $('#mapa'); 

     imgMap.attr('src', 'data:image/png;base64,' + value); 
     imgMap.width($('window').width()); 
     imgMap.height($('window').height()); 
    } 
});

我不此刻使用任何CSS。

來源

2017-08-28 albert

你必須使用CSS爲此處理圖像寬度 –

window是一個實際的JavaScript實體，不應該被引用，然後使它成爲一個字符串。從'window'刪除引號將解決您的問題。

見下段：

$(document).ready(function(){ 
 

 
    function toTabletHandler(value) { 
 
     var imgMap = $('#mapa'); 
 

 
     imgMap.attr('src', 'https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcSd8cAJmOsrWimMAMpTAFOPURbw4q7uDKKxau1nimZ4V-usMb0w'); 
 
     imgMap.width($(window).width()); 
 
     imgMap.height($(window).height()); 
 
    } 
 
    toTabletHandler(5); 
 
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<body> 
 
    <img id="mapa" alt="mapa" src=""> 
 
    </body>

來源

2017-08-28 07:15:13

請問這個地址只有在特定的屏幕尺寸/分辨率顯示的問題？這與原帖不存在真正的區別。也許澄清你做了什麼。 –

只需刪除'single_quote'即可解決問題。 –

@JonP它在'width'和'height'的jQuery函數中刪除了'window'的引號，並且沒有引號，因爲在JS中'window'是一個現有變量，它指向設備的窗口。用引號尋找一個''html標籤，它不存在。 – albert

HTML僅適用於特定分辨率的圖像

回答

相關問題