Blogger 阻止了视口 CSS？

Question

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

Answer 1

再次测试后，我能够重现该问题 - 但是，它需要关闭并重新打开一个选项卡才能重现它，这就是我第一次没有发现这个问题的原因。

我找到了导致此问题的标记语言：

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

在线研究表明，如果可能，这会告诉 IE 以 IE 9 模式呈现。这可以解释为什么这个问题无法通过简单的刷新来重现。

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