我有一个使用超大尺寸作为全屏背景的页面。根据屏幕宽度的大小,将显示不同的背景图像。但是,当我将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>