带有书签页面的元标记“width = device-width”错误

时间:2012-03-18 14:17:10

标签: html mobile-website screen-resolution

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

奇怪的是,如果你直接刷新屏幕,它会使用正确的样式表重新加载页面?!所以我认为它可能是一个缓存问题,由于某种原因从内存中加载了错误的html / css页面,但我尝试使用.htaccess文件但没有成功。

我已经注意到一些页面链接也加载不正确,所以它不仅仅是书签页面不起作用。

有什么想法吗?这是元标记的问题吗?任何帮助非常感谢!

麦克

1 个答案:

答案 0 :(得分:0)

已修复 - 经过更多搜索后,我发现在脚本运行之前有时没有读取元标记的某些信息,而是使用了上一页的屏幕分辨率。

所以我把我的函数包装在一个setTimeout函数中--setTimeout('getDeviceWidth',100);这将函数延迟100ms,确保元标记代码'width = device-width'已完成