移动端布局方案

移动端布局方案

移动端布局首先要设置viewpoint

  1. 弹性盒子 flex布局
  2. 流式布局 百分比布局
  3. 响应布局 媒体查询 (超小屏设备的时候:流式布局)
    • Bootstrap中的栅格系统也属于媒体查询的响应式布局
  4. rem布局
  • 前三种布局:元素只能做宽度的适配(排除图片)
  • rem布局:宽度和高度都能做到适配(等比缩放,像图片一样)

猜你喜欢

转载自blog.csdn.net/yanzi_0216/article/details/108392773