被博客屏蔽的视窗CSS？

Question

我试图让我的个人博客，托管在博客上，以正确回应Windows 8 IE快照功能。在线研究表明，我应该在CSS中添加一个@viewport。

然而，@viewport的CSS似乎被某种方式覆盖了--我在一个单独的文件上测试了部分博客源代码，并且它加载得很好，所以博客正在发生一些事情。

澄清：

• 博客正确响应正常的桌面浏览器和移动设备(IE 11桌面和IE11移动设备)。
• 博客没有正确的回应时，在地铁IE -相反， 网站是按比例排列的。
• 在CSS中添加@-ms-视图端口{宽度:设备宽度；}将禁用Metro IE的自动缩放。
• 当@-ms-viewport { width: device；}被添加到博客中时，博客将继续由Metro IE进行缩放。
• 但是，在本地测试< head >代码时，本地文件不会自动由Metro IE (预期结果)进行缩放。

下面是有争议的博客：http://robomwm.blogspot.com

我在我的CSS中使用@-ms-视图端口{宽度:设备宽度；}，这是内部的。

Answer 1

在再次测试之后，我能够重现这个问题--然而，它需要关闭并重新打开一个选项卡才能重现它，这就是为什么我第一次没有捕捉到这个问题。

我发现标记语言对此问题负有责任：

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

在线研究表明，如果可能的话，这会告诉IE在IE9模式下呈现。这可以解释为什么通过简单的刷新就不能重复这个问题。

我现在已经删除了这种标记语言。