#RWD 基本設計原則
10個基本設計RWD時的注意事項,完全圖解說明,重點寫的很清楚。
大致歸納一下重點為:
1.排版越簡單越好(DIV不要搞得太複雜,拿掉inline styles)
2.使用media queries來判別不同的裝置的寬度
3.定義好不同解析度的分界點
4.排版彈性化(使用grid system, 寬度要使用百分比計算)
5.不同裝置使用不同大小的圖片(同一張圖切三種不同大小)
6.善用min-跟max-來控制layout
7.元素盡量使用相對比例
8.當切換到手機版本時,layout以一欄式設計為主
9.盡量精簡手機版內容,只留下最重要的
10.使用實體裝置測試網站(因為電腦模擬有時候不是很準確)
rwd設計原則 在 91 敏捷開發之路- #RWD 基本設計原則 - Facebook 的推薦與評價
1.排版越簡單越好(DIV不要搞得太複雜,拿掉inline styles) · 2.使用media queries來判別不同的裝置的寬度 · 3.定義好不同解析度的分界點 · 4.排版彈性化(使用grid system, ... ... <看更多>
rwd設計原則 在 UI設計原則 的推薦與評價
Material UI · 官方網站 · 已經設計好的React.js component,適合跟React.js前端結合 · CSS, HTML, JSX都整包設計好 · 實作RWD比Bootstrap還容易及快速 ... ... <看更多>
rwd設計原則 在 金魚都能懂網頁設計入門: RWD入門- 鐵人賽第二十一天 的推薦與評價
... <看更多>