有时候需要页面内元素根据浏览器高度设定,可以用到以下写法:
width:calc(100vw - 100px);//宽度是浏览器宽度减100px
height:calc(100vh - 100px);//高度是浏览器高度减100px
VW是width of view(port)的缩写,也就是浏览器的宽度
VH是height of view(port)的缩写,也就是浏览器的高度
有时候需要页面内元素根据浏览器高度设定,可以用到以下写法:
width:calc(100vw - 100px);//宽度是浏览器宽度减100px
height:calc(100vh - 100px);//高度是浏览器高度减100px
VW是width of view(port)的缩写,也就是浏览器的宽度
VH是height of view(port)的缩写,也就是浏览器的高度