【问题标题】:Meta tag "width=device-width" error with bookmarked pages带有书签的页面的元标记“宽度=设备宽度”错误
【发布时间】:2012-04-03 06:44:51
【问题描述】:

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

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

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

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

迈克

【问题讨论】:

标签: html mobile-website screen-resolution


【解决方案1】:

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

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

【讨论】:

    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2014-03-20
    • 1970-01-01
    • 2016-01-24
    • 2014-09-09
    • 2018-06-08
    • 2016-04-24
    相关资源
    最近更新 更多