在響應式網站上IE瀏覽器呈現問題

Question

This responsive page（以及類似的）在Chrome瀏覽器中運行良好，但在瀏覽器窗口變小時在IE中查看時無法正常工作。

視口的大小似乎並不像預期的那樣大，文字流動過大，圖像的大小沒有縮小。

這在桌面IE中不算什麼問題，但這確實意味着Windows Phone用戶無法正確查看網頁。

我認爲IE的現代版本已經過去了這些問題？

有誰知道是什麼原因導致了這個問題？

Answer 1

當您處理寬度較小的介質時，需要禁用浮動列。也就是說，如果我檢查元素<div clas="col-1 left">...</div>，請轉到IE中的檢查器並禁用.left {...}的浮動規則，所有內容看起來都可能用於移動設備。

我發現浮動對象可能有點棘手來處理跨瀏覽器，所以我只浮動物品，當你絕對需要。

編輯：刪除錯誤的代碼。

奇怪的是，在媒體規則@media screen and (max-width:799px)你有規則

.col-4.left,.col-3.right { 
    float: none; 
    clear: both; 
} 

.col-2.right { 
    float: none; 
    clear: both; 
} 

不知爲什麼沒有包括像

.col-1.left { 
    float: none; 
    clear: both; 
} 

？