基于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; } }
欢迎分享,转载请注明来源:内存溢出
评论列表(0条)