響應(yīng)式布局

• 選擇屏幕斷點：
  • 一般來說我們主要考慮 5 種類型的設(shè)備屏幕，各自對應(yīng)的分辨率通常為：
  • mobile portrait：豎屏移動設(shè)備，< 640px
  • mobile landscape：橫屏移動設(shè)備，> 640px
  • tablet portrait：豎屏平板設(shè)備，> 768px
  • tablet landscape：橫屏平板設(shè)備，> 1024px

  • laptop：PC 電腦，> 1280px

• 注意優(yōu)先級的問題，用 min-width 就從小到大，不然容易不生效

總結(jié)

以上是生活随笔為你收集整理的CSS 响应式布局的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯，歡迎將生活随笔推薦給好友。