在响应式网站上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; 
} 

？