如何使用jQuery Mobile拉伸GIF以填充整个div?
我正在使用jQuery Mobile创建一个小应用程序。我有一个显示的GIF。它在iPhone4上运行良好,但当我转到iPhone5或Windows Phone时,我会在底部为iPhone5留出一个空格,在Windows Phone中,我会在按钮和右侧留出一个空格。所以,无论设备的大小,我都希望GIF能够延伸并填充整个分区。我已经搜索并尝试了一些类似问题的答案,但没有成功,可能是因为他们不使用jQuery Mobile,或者是因为他们使用的是旧版本的CSS。无论如何,下面你可以找到我的HTML如何使用jQuery Mobile拉伸GIF以填充整个div?,jquery,html,css,Jquery,Html,Css,我正在使用jQuery Mobile创建一个小应用程序。我有一个显示的GIF。它在iPhone4上运行良好,但当我转到iPhone5或Windows Phone时,我会在底部为iPhone5留出一个空格,在Windows Phone中,我会在按钮和右侧留出一个空格。所以,无论设备的大小,我都希望GIF能够延伸并填充整个分区。我已经搜索并尝试了一些类似问题的答案,但没有成功,可能是因为他们不使用jQuery Mobile,或者是因为他们使用的是旧版本的CSS。无论如何,下面你可以找到我的HTML
<div id="correctGIF" data-role="page" data-add-back-btn="false">
<img src="images/Correct1.gif" class="cor">
</div>
编辑:
解决了 尝试添加显示:块;对于图像,您可能不需要height属性,这可能会破坏图像的纵横比
.cor {
display: block;
width: 100%;
}
如果需要进一步帮助,请上传屏幕截图。将图片上传到像imgur.com这样的图片托管网站对不起,我现在添加了截图。
.cor {
display: block;
width: 100%;
}