CSS 不断刷新

CSS Constantly Refreshing

本文关键字：刷新 CSS      更新时间：2023-09-26

我的网站在桌面浏览器上运行良好，但在移动设备（iOS，Android等）上，它会重新加载背景，并在我放大或缩小时刷新整个页面。我想知道可能导致这种情况的原因，但到目前为止，我一直无法找到问题的原因。它使移动浏览非常烦人。

http://www.zombiesquirrel.com

所有的CSS和JavaScript文件都应该在我的页面的源代码中链接。可能导致此问题的原因是什么？

刚刚在我的iPhone上检查过，我明白你在说什么，但是我没有看到页面重新加载本身，它可能只是重新加载CSS以适应新的大小。

如果你试图启用轻松的移动查看，你应该创建一个移动样式表，并使用javascript和php来更改css样式表。

我能够解决问题。问题出在以下 CSS 中：

body
{
    background-color:black;
}

div.back3
{
background-image:url("back.png");
position:fixed;
z-index:-1;
margin-left:-2%;
margin-top:-100%;
padding:0;
height:400%;
width:104%;
} 
div.back2
{
background-image:url("back.png");
background-position:250px 250px;
position:fixed;
z-index:-1;
margin-left:-2%;
margin-top:-28%;
padding:0;
height:400%;
width:104%;
}
div.main
{
position:static;
}
我

不确定这到底是哪一部分导致了问题，我会做更多的挖掘，但现在我只是使用以下方法来指定此 CSS 样式表只能在非移动设备上使用：

<link rel='stylesheet' href='/z/styles/main-style.css' media='screen and (min-device-width:770px)'>

min-device-width 属性设置为这么高的数字，以确保 iPad 也不使用此样式表（尽管如果机器接近 iPad 大小，我可能会遇到问题，但无论如何，此样式表对我的网站操作并不是超级关键）。

谢谢！编辑：特别感谢Andrew Manson建议仅为移动设备禁用样式表。

相关文章：