zyqgt960812的博客

根据CSS3规范,视口单位主要包括以下4个: vw : 1vw 等于视口宽度的1% vh : 1vh 等于视口高度的1% vmin : 选取 vw 和 vh 中最小的那个 vmax : 选取 vw 和 vh 中最大的那个 用视口单位度量，视口宽度为100vw，高度为100vh（左侧为竖屏情况，右侧为横屏情况） 例如，在桌面端浏览器视口尺寸为650px，那么 1vw = 650 * 1% = 6....

1、出现横向滚动条； 移动端页面通常宽度为100%；如果此时再给页面的某一部分添加padding 值就会导致横向滚动条的出现； 解决： calc() 此CSS函数让你在声明CSS属性值时执行一些计算 语法： width: calc(100% - 80px); // ±×÷运算符都可使用 减去加的padding值即可； ...