带书签的页面出现元标记"width=device-width“错误

Question

我的网站宽度总体上运行良好，除了一个小而恼人的问题--当我在手机上为网站添加书签，然后返回书签时，它似乎无法识别设备的正确宽度(尽管有一个代码为“http://www.janewaltonwatercolours.co.uk =http://www.janewaltonwatercolours.co.uk- width”的元标签)，并且无意中加载了错误的样式表。(它加载desktop.css而不是mobile.css -我有一个脚本，它应该使用screen.width属性来确定正确的样式表)

奇怪的是，如果您直接刷新屏幕，它会用正确的样式表重新加载页面吗？！所以我认为这可能是一个缓存问题，由于某些原因从内存中加载了不正确的html/css页面，但我尝试了处理.htaccess文件，但没有成功。

自那以后，我注意到一些指向页面的链接也加载不正确，所以不仅仅是书签页面不起作用。

有什么想法吗？这是元标签的问题吗？非常感谢您的帮助！

麦克

Answer 1

修复-经过更多的搜索后，我发现一些关于meta标签的信息有时在脚本运行之前不会被读取，而是使用前一页的屏幕分辨率。

因此，我将函数包装在一个宽度函数中-- setTimeout('getDeviceWidth',100)；这会使函数延迟100ms，以确保元标记代码‘setTimeout =device-width’已经完成