image - 移动浏览器 (iPhone) 无法显示非常大的图像（例如 4096 x 4096）

Question

如何在手机上显示非常大的图像？

例如，以下内容会出现在桌面上，但不会出现在我的 iPhone 上：

<img src="someReallyBigImage.png" width="4096" height="4096" />

有人能在他们的移动浏览器上显示这么大的图像吗？

谢谢！

Answer 1

也许这不是您问题的解决方案，但将响应类添加到您的图像可能会解决问题：

通过添加 .img-responsive 类，可以使 Bootstrap 3 中的图像响应友好。这适用于 max-width: 100%; 和高度：自动；到图像，以便它很好地缩放到父元素。

<img src="..." class="img-responsive" alt="Responsive image">