作者:kshen24 | 来源:互联网 | 2023-08-15 12:07
CSS适应页面宽度在制作页面时我们会遇到页面宽度溢出或者向左右扩张的问题,其中一个愿意是宽度没有设置,还有一种原因是用了padding导致页面宽度发生变化,在不同的分辨率中显示的样
CSS 适应页面宽度
在制作页面时我们会遇到页面宽度溢出或者向左右扩张的问题,其中一个愿意是宽度没有设置,还有一种原因是用了padding导致页面宽度发生变化,在不同的分辨率中显示的样式可能是不一样的。在这里给大家推荐一个CSS的样式calc。按照你所需的宽度,减去你左右扩张的宽度。这个样式可以防止你的宽度溢出,让页面按照这个宽度自适应。
width: calc(100% - 40px);
padding: 0 20px;