製作RWD的首要第一步,便是確認要撰寫幾個尺寸,尺寸越多,當然切換上越細緻,但相對於工序也比較繁多。
如果專案小,基本2~3個尺寸就足夠,如果是屬於品牌視覺比較著重的公司,可能會有到4~5個,以下就提供市面上出現的尺寸給做參考。
裝置 | 斷點尺寸說明 | 常用 |
---|---|---|
4K 螢幕 | ≦ 4096px | 稀少 |
2K 螢幕 | ≦ 2048px | 稀少 |
PC 桌上型螢幕 | ≦ 1920px | 主流 |
筆電 | ≦ 1440px | 主流 |
筆電 13吋 | ≦ 1366px | 主流 |
平板 | ≦ 1024px | 主流 |
手機 (橫向) | ≦ 768px | 主流 |
手機 | ≦ 576px | 主流 |
手機 | ≦ 420px | 較新 |
手機 | ≦ 375px | 主流 |
手機 (直) mini | ≦ 320px | 主流 |
以上斷點,請依實際專案需求選擇使用。
gateio
I have read your article carefully and I agree with you very much. This has provided a great help for my thesis writing, and I will seriously improve it. However, I don’t know much about a certain place. Can you help me?