我有一个使用超大尺寸作为全屏背景的页面。根据屏幕宽度的大小,显示不同的背景图像。但是,当我将 iPad 从纵向旋转到横向(反之亦然)时,即从 768 像素屏幕宽度到 1024 像素屏幕宽度,需要刷新页面才能显示替代背景。
有什么方法可以在屏幕旋转时强制 iPad 刷新页面,也许是使用 Javascript?
这是超大代码:
<script type="text/javascript">
jQuery(function($){
var image_filename = 'GA.jpg';
if($(window).width() < 1024) {
image_filename = '_people.jpg';
}
$.supersized({
slides : [ {image : 'images/'+image_filename, title : 'Image Credit: none'} ]
});
});
</script>