响应式布局的常用方案
源码预览
打开窗口查看源码
- media-query,根据不同的屏幕宽度设置根元素 font-size
- rem,基于根据元素的相对单位
- vh 网页视口高度的 1/100,vw 网页视口宽度的 1/100,其他vmax,vmin取高度,宽度中的最大或最小
window.innerHeight === 100vh
window.innerWidth === 100vw
源码预览
打开窗口
window.innerHeight === 100vh
window.innerWidth === 100vw