Javascript CSS不断刷新
我的网站在桌面浏览器上运行良好,但在移动设备(iOS、Android等)上,无论何时放大或缩小,它都会重新加载背景并刷新整个页面。我想知道是什么导致了这个问题,但到目前为止,我还无法找到问题的原因。这让手机浏览非常恼人Javascript CSS不断刷新,javascript,html,css,Javascript,Html,Css,我的网站在桌面浏览器上运行良好,但在移动设备(iOS、Android等)上,无论何时放大或缩小,它都会重新加载背景并刷新整个页面。我想知道是什么导致了这个问题,但到目前为止,我还无法找到问题的原因。这让手机浏览非常恼人 所有CSS和JavaScript文件都应该链接到我的页面源代码中。是什么导致了这个问题?刚刚在我的iPhone上检查过,我知道你在说什么,但是我没有看到页面本身正在重新加载,它可能只是重新加载CSS以适应新的大小 如果您试图启用轻松的移动查看功能,您应该创建一个移动样式表,并使
所有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样式表仅用于非移动设备:
min device width属性设置为如此高的数值,以确保iPad也不使用此样式表(尽管如果机器的大小接近iPad,我可能会遇到问题,但此样式表对我的网站的运行并不是超级关键)
谢谢!
编辑:特别感谢Andrew Manson提出的仅对移动设备禁用样式表的建议。您在触摸擦拭时出现了一个错误。也许这就是问题所在。。。另外,当你打开开发工具时,Chrome上会发生一些事情,滑块会疯狂几秒钟。我在打开Chrome开发工具时没有遇到这种情况,但我知道touchwipe中有一个错误。我不确定错误是什么,但如果它可能导致问题,我会进一步挖掘。啊,我修复了
touchwipe
问题,这是一个简单的修复。看起来我的朋友可能刚刚删除了JS文件的链接……虽然如此,它并没有解决问题,但感谢您提出它,因为它让我重新审视了它。一旦我发现是哪个样式表导致了问题,我就根据您的建议将其排除在移动设备之外。我使用了下面的一行,正如我发布的答案所示<代码>是的,谢谢,不过我不得不等一天才接受我自己的答案。