Skip to content

1.@media 2.rem 3.vw/vh 辅助方案:flex

纯移动端页面 rem适配

移动端和PC端公用页面 @media:根据设备尺寸,写多套样式,微调结构 流式布局:在指定设备大小下,外层盒子宽度是百分比布局

纯PC端页面 vw / vh:百分比布局 @media:微调一些样式

基于flex实现特定样式的布局