什麼會導致響應站點默認移動？

我有一個使用帶有斷點的媒體查詢的響應式網格系統的網站。在IE8上，即使屏幕尺寸設置爲標準桌面尺寸（大於960像素寬），我也看到了「移動版」作爲默認視圖。什麼會導致響應站點默認移動？

是否有一個已知的問題（和修復）會導致這種情況發生？

感謝您一如既往的幫助。

---- ----編輯

我的媒體查詢是如何設置：

@media screen and (max-width: 767px) { }

來源

2012-09-28 dcp3450

IE8 doesn't support media queries，所以也許它的處理所有的CSS規則，即使是那些全寬屏幕不該「T。

要防止出現此問題，請在每個@media規則（@media only screen ...）後添加only關鍵字。

然後你就可以在所有網頁的<head>部分達到支持，包括夢幻般的插件respond.js

來源

2012-09-28 14:41:53 Giona

有趣的是我的客戶看到這個問題，我不能重新創建它。他們向我發送了屏幕截圖，所以我知道他們看到的是移動版本。很難解決一些我可以測試的問題。 – dcp3450

@ dcp3450我很確定[respond.js]（https://github.com/scottjehl/Respond）將完成這項工作 – Giona

我試圖避免向網站添加更多加載時間。我並不需要IE8的響應。我只需要IE8不加載響應的CSS。 – dcp3450

這要看你建立你的代碼（因爲你沒有張貼這是很難說是錯的 ;））。但可能的問題是，您首先定義了移動設備佈局，並且媒體查詢> 960不會在IE8中觸發。就像這樣：

body { // Default width for all browsers 
    width: 300px; 
} 

@media only screen and (min-width : 960px) { // Only for supporting desktops 
    body { 
    width: 960px; 
    } 
}

（始終使用不支持他們的瀏覽器中的「默認」的CSS（沒有媒體查詢）。）

一種方式來處理的是可使用960像素寬佈局默認爲：

body { // Default width for all browsers 
    width: 960px; 
} 

@media only screen and (min-width : 1400px) { // Widescreen monitors 
    body { 
    width: 1400px; 
    } 
} 

@media only screen and (max-width : 300px) { // Mobile layout 
    body { 
    width: 300px; 
    } 
}

您將不得不指定更多，然後只是身體，但這應該給你一個想法。如果這不能解決問題，那麼在這裏發佈一些你的CSS，以便我們看看它。

來源

2012-09-29 10:28:34 Neograph734

什麼會導致響應站點默認移動？

回答

相關問題