如何在地鐵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

希望幫助:)