我的网站http://www.janewaltonwatercolours.co.uk整体上工作正常,除了一个小而恼人的问题 - 当我在手机上为网站添加书签然后稍后返回书签时,它似乎无法识别正确设备的宽度(尽管代码'width = device-width'的元标记)并且无意中加载了错误的样式表。 (它加载desktop.css而不是mobile.css - 我有一个脚本应该通过使用screen.width属性来确定正确的样式表)
奇怪的是,如果你直接刷新屏幕,它会使用正确的样式表重新加载页面?!所以我认为它可能是一个缓存问题,由于某种原因从内存中加载了错误的html / css页面,但我尝试使用.htaccess文件但没有成功。
我已经注意到一些页面链接也加载不正确,所以它不仅仅是书签页面不起作用。
有什么想法吗?这是元标记的问题吗?任何帮助非常感谢!
麦克
答案 0 :(得分:0)
已修复 - 经过更多搜索后,我发现在脚本运行之前有时没有读取元标记的某些信息,而是使用了上一页的屏幕分辨率。
所以我把我的函数包装在一个setTimeout函数中--setTimeout('getDeviceWidth',100);这将函数延迟100ms,确保元标记代码'width = device-width'已完成