如果您直接浏览图像(不是浏览包含图像的页面,而是直接浏览图像),似乎所有其他移动浏览器都会将图像缩放到屏幕宽度,只要图像与显示器一样宽或更宽解析度。然而,Android 上的 Chrome 将图像缩放到屏幕的左上角要小得多。我们已经在多台运行最新版 Chrome 的设备上对此进行了测试。
由于我似乎找不到任何分辨率来缩放图像,因为它们会根据需要出现在 Chrome 中,所以有没有人有任何方法可以使用页面来保存图像,以便它可以缩放到设备宽度,无论操作系统还是浏览器?
提前致谢, 比姆斯
如果您直接浏览图像(不是浏览包含图像的页面,而是直接浏览图像),似乎所有其他移动浏览器都会将图像缩放到屏幕宽度,只要图像与显示器一样宽或更宽解析度。然而,Android 上的 Chrome 将图像缩放到屏幕的左上角要小得多。我们已经在多台运行最新版 Chrome 的设备上对此进行了测试。
由于我似乎找不到任何分辨率来缩放图像,因为它们会根据需要出现在 Chrome 中,所以有没有人有任何方法可以使用页面来保存图像,以便它可以缩放到设备宽度,无论操作系统还是浏览器?
提前致谢, 比姆斯
我提出了一个错误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