CSS媒体查询问题（滚动条）

基于Firefox和Webkit的浏览器以不同的方式呈现滚动条。在Firefox中，MediaQuery认为滚动条的宽度是屏幕宽度的15px，但是在基于Webkit的浏览器中，滚动条的宽度不是屏幕宽度。因此，这就是浮动的DIV在Firefox中崩溃的原因。

我用CSS做过一些事情，可能对您有帮助。

        html {  height: 101%;        }        body { margin: 0;  padding:0;  white-space:nowrap;         }          #box1,        #box2 { display:inline-block; width: 400px; height: 200px;   vertical-align:top; white-space:normal;        }        #box1 { background: #ce0000;  margin-right:-5px;        }        #box2 { background: #8e0000;        }        @media screen and (max-width: 799px) {  body {      white-space:normal;  } #box1, #box2 {     width: 300px; }        }