如何在地铁IE 10在Windows 8

Question

检测窄捕捉模式在Windows 8中，使用基本Twitter的引导模板，如果我缩小IE 10桌面浏览器到一个狭窄窗口（见右下图），这将回落使用适用于智能手机的宽度样式：窄，高窗口，并且非常易读。但是，如果您捕捉的IE 10浏览器新城的狭隘的观点（见左下图），它缩小了全页视图下来，它是不可读的，而不是使用狭窄的窗口样式。

这是不幸的，和新城的浏览器设计或错误的可能的意外后果。

假设其没有在最终版本修正，我的问题是：

1. 有没有办法来确定该网页是由IE 10 Metro在抓拍模式看？我宁愿做一个Modernizr的风格的方式，测试的行为，而不是硬编码IE地铁，这可能是未来的一个问题。但是，在这一点上，工作修复更重要。

Answer 1

与来自上述评论的IEBlog post that Raymond Chen suggested帮助下，我才得以通过增加引导响应样式后，下面的CSS来解决问题：

@media screen and (max-width: 320px) { 
    @-ms-viewport { width: 320px; } 
} 

该停止变焦行为在IE 10 Metro（快照边栏模式）并正确显示我的视图为窄屏幕优化。

最后一个注意事项： Twitter Bootstrap模板的最小宽度为480px（可能是因为iPhone）。因此，可能需要进一步优化320个像素以改善Metro侧边栏快照查看的页面。

Answer 2

最近，我想出了一个解决方案。它基于JavaScript并根据请求测试行为。

http://menacingcloud.com/?c=targetSnapMode

当与@viewport声明组合，它使一个有效的组合。

@ -ms视口宽度{：设备宽度; } @viewport {width：device-width; }

上面@viewport声明在http://menacingcloud.com/?c=cssViewportOrMetaTag

希望帮助:)