Viewport CSS被Blogger阻止了吗?

时间:2014-09-10 06:02:56

标签: html css internet-explorer windows-8.1 blogger

我正在尝试让我的个人博客(在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中,这是内部的。

1 个答案:

答案 0 :(得分:0)

再次测试后,我能够重现这个问题 - 但是,它需要关闭并重新打开一个标签才能重现它,这就是为什么我第一次没有注意到它。

我找到了解决此问题的标记语言:

<meta content='IE=9' http-equiv='X-UA-Compatible'/>

在线研究表明,如果可能,这会告诉IE以IE 9模式渲染。这可以解释为什么这个问题不能通过简单的刷新再现。

我暂时删除了这种标记语言。