当页面方向改变时，图像会不断扩大

Question

我在使用jquery mobile 1.3.1

开发iphone移动网络应用程序时遇到了问题

我的图像在加载过程中完全适合屏幕，但如果从纵向到横向的方向发生变化，图像会变大

第一张图片显示方向从横向更改为纵向后的屏幕

原始图片

关于如何纠正这些建议的任何建议都会有所帮助

Answer 1

您希望图像按比例调整大小？如果是这样，请使用此功能。

DEMO http://jsfiddle.net/yeyene/AeXnV/2/

删除img标签中的宽度和高度属性。

<p id="myImage">
    <img src="http://2.bp.blogspot.com/-YUUHSmN2iKc/URqH5KMr6OI/AAAAAAAABpE/ta3lwt2KDx8/s1600/desktop-wallpaper-1600x1200.jpg">
</p>

添加此css。

#myImage img{
    float:left;
    width:100%;
    height:auto;
}