响应式布局的常用方案

源码预览打开窗口

查看源码

• media-query，根据不同的屏幕宽度设置根元素 font-size
• rem，基于根据元素的相对单位
• vh 网页视口高度的 1/100，vw 网页视口宽度的 1/100，其他vmax，vmin取高度，宽度中的最大或最小

window.innerHeight === 100vh
window.innerWidth === 100vw