Contenu connexe
Similaire à RWD 響應式網頁 (20)
RWD 響應式網頁
- 8. RWD 原則
8
按鈕要好點選(減少文字超連結),避免 hover
多使用滿版的排版,但定義出內容寬度
手機版的設計不一定要多華麗(清楚比較重要)
大版面的圖片/影片比較清楚
盡量保有相對應的資訊架構
PC/Mobile 內容不一定要完全相同
前後頁階層需定義清楚
- 25. Bootstrap 的 RWD 設計
25
Grid Sysyem
http://www.w3schools.com/css/css_rwd_grid.asp
http://www.bootply.com/render/73778
- 26. Bootstrap 的 RWD 設計
26
Grid Sysyem
http://www.w3schools.com/css/css_rwd_grid.asp
瀏覽器大小改變時,也會自動縮放
- 35. 跨 OS 測試:安裝 VM
35
Win 使用 VM 軟體
Mac 使用 Parallel Desktop
- 48. 加入 CSS import 的技巧
48
https://github.com/bohachu/eduPedia/blob/e3f805879502617a7412c684c
521cd650cbdba04/eduPedia/Views/Shared/_LayoutHeaderFooter.cshtml
獨立一個 CSS 定義,比較容易維護
- 52. 不要想太多的 select 與 option
52
建議直接用標準語法吧,簡單清爽無 Bug
在各裝置上面都擁有最佳的呈現
例如:
HTML <select> Tag
HTML <option> Tag
HTML <form> Tag