我正在尝试让我的个人博客(在Blogger上托管)正确响应Windows 8 IE快照功能。在线研究表明我应该在CSS中添加@viewport。
然而,似乎@viewport的CSS被某种方式覆盖了 - 我在一个单独的文件上测试了部分博客源代码并且加载得很好,所以Blogger会发生一些事情。
澄清:
博客可以正常响应普通的桌面浏览器和移动设备 (IE 11桌面和IE 11移动版)。
在Metro IE中捕捉时,博客没有正确响应 - 而是 该网站已缩放。
添加@ -ms-viewport {width:device-width;在CSS中应该禁用 Metro IE的自动缩放。
当@ -ms-viewport {width:device-width; }被添加到博客,博客 继续由Metro IE扩展。
然而,当测试<头>本地代码,本地文件是 不会被Metro IE自动缩放(预期结果)
以下是相关博客:http://robomwm.blogspot.com
我正在使用@ -ms-viewport {width:device-width;在我的CSS中,这是内部的。
答案 0 :(得分:0)
再次测试后,我能够重现这个问题 - 但是,它需要关闭并重新打开一个标签才能重现它,这就是为什么我第一次没有注意到它。
我找到了解决此问题的标记语言:
<meta content='IE=9' http-equiv='X-UA-Compatible'/>
在线研究表明,如果可能,这会告诉IE以IE 9模式渲染。这可以解释为什么这个问题不能通过简单的刷新再现。
我暂时删除了这种标记语言。