css:用calc计算移动端视口的宽度高度

用calc计算移动端视口的宽度高度

vw 相对于视口的宽度。视口被均分为100单位的vw
vh 相对于视口的高度。视口被均分为100单位的vh

用法:
width: calc(100% - 10px);
height:calc(100vh - 10px);

calc(100vh - 10px) 表示整个浏览器窗口高度减去10px的大小
calc(100vw - 10px) 表示整个浏览器窗口宽度减去10px的大小

实例:
在这里插入图片描述

猜你喜欢

转载自blog.csdn.net/m0_49888984/article/details/108910168