我的网站在桌面浏览器上运行良好,但在移动设备(iOS,Android等)上,它会重新加载背景,并在我放大或缩小时随时刷新整个页面。我想知道是什么原因引起了这种情况,但到目前为止,我一直无法找到问题的原因。它使移动浏览非常恼人。
所有CSS和JavaScript文件都应链接到我的页面源中。可能导致这个问题的原因是什么?
答案 0 :(得分:1)
刚刚检查了我的iPhone,我看到你在说什么,但我没有看到页面重新加载,它可能只是重新加载CSS以适应新的大小。
如果您尝试启用轻松移动查看,则应创建移动样式表并使用javascript和php更改css样式表。
答案 1 :(得分:0)
我能够解决问题。问题出现在以下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关于仅为移动设备禁用样式表的建议。