图像尺寸加倍

我尝试下面的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

图像尺寸加倍

回答

相关问题