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

时间:2024-03-12 21:50:51

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

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

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

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

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