放大网页，然后点击后退按钮改变前一页的背景大小

Zooming webpage then clicking back button changes the background size on the previous page

本文关键字：一页 改变 背景 按钮 网页 然后 放大      更新时间：2023-09-26

我有两个网页，由一个可滚动的div作为主包装和一个样式为

的图像背景组成。
body
{
background: url("../Images/background.jpg") center bottom no-repeat;
z-index:-5; 
background-size:cover;
}

当我放大或缩小时，可滚动的div会改变大小，而背景不会。这正是我想要的。

但是，如果我放大一个页面，然后单击浏览器的后退按钮，前一个页面的背景就会缩小。如果我刷新页面，背景是固定的，一切都显示正确。如果我缩放，然后单击到前一页的链接，而不是在浏览器窗口中单击返回，则页面将正确显示。我已经尝试使用隐藏字段

<input type="hidden" id="refresh" value="no"/>

和下面的脚本

<script type="text/javascript">
$(window).load(function (e) {
    var $input = $('#refresh');
    $input.val() == 'yes' ? location.reload(true) : $input.val('yes');
});
</script>

在初始加载后重新加载页面一次，希望背景会调整大小，但没有。只有单击浏览器刷新按钮才能修复它。任何关于如何处理这个问题的建议都将非常有帮助。

使用$(window).resize()而不是$(window).load() '，如果问题是缩放或调整

相关文章：