响应式布局
  • 选择屏幕断点：
    • 一般来说我们主要考虑 5 种类型的设备屏幕，各自对应的分辨率通常为：
    • mobile portrait：竖屏移动设备，< 640px
    • mobile landscape：横屏移动设备，> 640px
    • tablet portrait：竖屏平板设备，> 768px
    • tablet landscape：横屏平板设备，> 1024px

    • laptop：PC 电脑，> 1280px

  • 注意优先级的问题，用 min-width 就从小到大，不然容易不生效