1. 程式人生 > >響應式網站佈局要適應的當下主流手機螢幕的各個版本的解析度有哪些(media query)

響應式網站佈局要適應的當下主流手機螢幕的各個版本的解析度有哪些(media query)

CSS寬有13種:

320、360、375、384、400、533、600、768、800、853、1024、1280、1366

CSS高有15種:

360、480、533、568、569、600、640、667、720、768、800、853、960、1024、1280

考慮到螢幕可能變為豎屏,那麼綜合一下共20種:

320、360、375、384、400、480、533、568、600、640、667、720、768、800、853、853、960、1024、1280、1366

劃分一下,大致是:

第一檔在小螢幕手機:320~384
第二檔在note/pad:400~900
第三檔在桌面端:960~
在實際專案中統計的結果表明,手機螢幕的寬度中的95%還在320~375寬。保證手機版畫面主體內容在320寬內即可。