jquerymobile中的大图像

我有一张大图 × 900，只有25kb的PNG，我需要的是在“内容”中显示它，根据屏幕大小自动调整，并且可以用手指缩放

现在

<div data-role="content" id="results">
   <img src="img/myimg.png">
</div>

它显示了完整的图像，我甚至无法通过它。 有没有办法解决这个问题

提前谢谢

无缩放：

---

缩放：

如果我理解您的问题，您需要将此图像作为背景，并使用属性background size:100%

有两种可能的解决方案

在css样式中使用img{max width:100%；}。这将强制图像根据容器的大小调整大小。但这里的一个问题是移动设备。他们仍然下载大图，尽管他们看到它的大小。就移动设备的速度而言，这通常是一个问题。另外，请看视频

使用插件：借助它，你可以在平板电脑、手机屏幕上以不同的分辨率显示不同的图像，因此你不必只处理自动调整大小的图像

这两种解决方案只有在您拥有响应性强的网站时才需要

---

图像占用给定的空间。如果他们的容器占用整个屏幕宽度，他们将占用整个屏幕宽度。如果他们的容器只跨半个屏幕，他们将占用半个屏幕。

直接加载图像，不使用任何HTML。好的，想法是在屏幕上显示其他内容，而不仅仅是图像。直接将图像加载到iframe？不清楚你想要什么样的最终结果。例如，锁定标题和页脚，并显示图像在屏幕中间自动调整。也许一个iframe可以工作，我正在寻找一个更优雅的解决方案，无论如何我要试试。ThanksI已经添加了一些示例。希望对你有帮助。。它不是背景图像。我想展示的只是一张照片，并想给它放大的可能性。我已经将“宽度”属性写入100%，现在它会自动调整到屏幕，但我仍然无法缩放它。问题是，如果我用笔记本电脑进入，它也会占据100%的屏幕，而不仅仅是685x900。你试过包装图像吗？