Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/html/87.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
如何使用jQuery Mobile拉伸GIF以填充整个div?_Jquery_Html_Css - Fatal编程技术网

如何使用jQuery Mobile拉伸GIF以填充整个div?

如何使用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

我正在使用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%;
}