calc自适应宽度以及高度
.test {
width: calc(100vw - 100px);
// width: calc(100% - 100px); 只是当前盒子所占宽度100%-100px
height: calc(100vh - 100px)
}
宽度为页面整体宽度减去100px的宽度
高度为页面整体高度减去100px的高度
愿世间所有的美好都会降临到每个人的身边
.test {
width: calc(100vw - 100px);
// width: calc(100% - 100px); 只是当前盒子所占宽度100%-100px
height: calc(100vh - 100px)
}
宽度为页面整体宽度减去100px的宽度
高度为页面整体高度减去100px的高度