CSS3 calc rem [css的计算器]

html{font-size: calc(100vw/7.5);} /* 每一个像素的vw 50px 就乘以这个1vw */ body{font-size: .24rem;}

1vw 是屏幕的百分之一

100vw/7.5 = 1rem[相对根元素html的度量单位]

后面的数据都除以了100,相当于除以了750,实际使用像素是750,也就是每一个像素是100vw/750,再将实际测得的像素*rem即可

实现的是自适应布局

猜你喜欢

转载自blog.csdn.net/qq_26239917/article/details/88421562