Question

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

http://www.zombiesquirrel.com

所有CSS和JavaScript文件都应链接到我的页面源中。可能导致这个问题的原因是什么？

Answer 1

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

如果您尝试启用轻松移动查看，则应创建移动样式表并使用javascript和php更改css样式表。

Answer 2

我能够解决问题。问题出现在以下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关于仅为移动设备禁用样式表的建议。

CSS不断刷新

2 个答案: