圖像尺寸加倍

我嘗試下面的HTML代碼iOS上的Safari瀏覽器：圖像尺寸加倍

<!DOCTYPE html> 
<html> 
    <head> 
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no" /> 
     <title>HTML5 test</title> 
    </head> 
<body> 
    <img src="image.jpg" width="100" alt="Image" /> 
</body> 
</html>

它看起來在桌面瀏覽器的罰款。但在iOS Safari（iOS 5，iPhone）上，圖像寬度爲200像素。正如我用scale 1.0的視口，它也應該是100px，但它不是 - 任何想法爲什麼？

來源

2012-08-30 Coder12345

瀏覽器中的邏輯像素是兩個實際的屏幕像素，因爲屏幕相對於其分辨率非常小。

使用scale 1.0可以給出圖像像素與邏輯像素之間的1對1關係，以及圖像像素與實際屏幕像素之間的關係1至2。

來源

2012-08-30 18:17:35 Guffa

圖像尺寸加倍

回答

相關問題