如何使用jQuery Mobile拉伸GIF来填充整个div？

Question

我使用jQuery Mobile创建一个小应用程序。我有一个显示的GIF。它在iPhone 4上工作正常，但是当我转到iPhone 5或Windows Phone时，我在iPhone 5的底部有一个空白区域，我在Windows Phone中获得了一个空白区域。所以，无论设备的大小如何，我都希望GIF能够伸展并填充整个div。我已经搜索过并尝试了类似问题的答案，但没有运气，可能是因为他们不使用jQuery Mobile，或者因为他们使用旧版本的CSS。无论如何，下面你可以找到我的HTML。

<div id="correctGIF" data-role="page" data-add-back-btn="false">
    <img src="images/Correct1.gif" class="cor">
</div>

我试过这个CSS，但没有运气：

#correctGIF {
    width: 100%;
    height: 100%;
    position: fixed;
    left: 0px;
    top: 0px;
    z-index: -1;
}

.cor {
    width: 100%;
    height: 100%;
}

编辑：

解决了它here！

Answer 1

尝试将display: block;添加到图片中，您可能不需要height属性，这可能会破坏图像的宽高比。

.cor {
    display: block;
    width: 100%;
}