如果内容较宽,则浏览器窗口,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/