3

如果您直接浏览图像(不是浏览包含图像的页面,而是直接浏览图像),似乎所有其他移动浏览器都会将图像缩放到屏幕宽度,只要图像与显示器一样宽或更宽解析度。然而,Android 上的 Chrome 将图像缩放到屏幕的左上角要小得多。我们已经在多台运行最新版 Chrome 的设备上对此进行了测试。

由于我似乎找不到任何分辨率来缩放图像,因为它们会根据需要出现在 Chrome 中,所以有没有人有任何方法可以使用页面来保存图像,以便它可以缩放到设备宽度,无论操作系统还是浏览器?

提前致谢, 比姆斯

4

1 回答 1

2

我提出了一个错误https://code.google.com/p/chromium/issues/detail?id=180239

一个潜在的解决方案是创建一个包含图像的网页,并将视口设置为图像的宽度。

例如

<doctype html>    
<html>
  <head>
     <style>* {margin: 0; padding: 0;}</style>
     <meta name="viewport" content="width=[WIDTH OF IMAGE HERE]" />
  </head>
  <body>
     <img src="[URL of IMAGE]" width="100%" />
  </body>
</html>

请参阅我在这里的示例http://jsbin.com/ilequn/latest

于 2013-03-05T16:54:33.937 回答