如果内容较宽,则浏览器窗口,body和html标签的宽度与屏幕相同,并且如果滚动到侧面,某些元素将不会超出body。这是一个fiddle来显示我的意思。内容框比屏幕宽,并且如果向右滚动,则标题不会超过一个屏幕宽度。

现在,我可以通过width:max-content来修复它。

body {
    width: -moz-max-content;
    width: -webkit-max-content;
}


但是,这仅适用于Chrome和FF,不适用于IE。

是否有其他更好支持的解决方案?

最佳答案

试试这个CSS代码

body{
   margin: 0;
   padding: 0
}


.header{
      width: 100%;
      max-width: 100%;
   }


参见演示http://jsfiddle.net/JentiDabhi/ok8axrjo/

关于html - 扩展 body 以适合所有内容,我们在Stack Overflow上找到一个类似的问题:https://stackoverflow.com/questions/28778003/

10-12 14:15
查看更多