jquery - 使用 jquery mobile 调整图像大小以适合移动设备上的屏幕

我想知道我们是否可以调整图像大小以适合屏幕。目前该图像适用于 iPhone 5s，但不会调整大小以适应其他设备或平板电脑以适合屏幕。

我想知道是否有人知道如何调整大小以适应屏幕。

这是我的代码。

<img alt="" src="images/main1.jpg" style="width:100%;height:auto;position:absolute;z-index:500"></img>

最佳答案

您想要做的是将图像放入 div 中，其宽度设置为全屏宽度的某个百分比。这将始终使图像适合屏幕的宽度。

示例代码:

<body>
    <div style="width: 100%;">
        <img alt="" src="images/main1.jpg" style="width: 100%;">
    </div>
</body>

关于jquery - 使用 jquery mobile 调整图像大小以适合移动设备上的屏幕，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/21422648/