#RWD 基本設計原則
10個基本設計RWD時的注意事項,完全圖解說明,重點寫的很清楚。
大致歸納一下重點為:
1.排版越簡單越好(DIV不要搞得太複雜,拿掉inline styles)
2.使用media queries來判別不同的裝置的寬度
3.定義好不同解析度的分界點
4.排版彈性化(使用grid system, 寬度要使用百分比計算)
5.不同裝置使用不同大小的圖片(同一張圖切三種不同大小)
6.善用min-跟max-來控制layout
7.元素盡量使用相對比例
8.當切換到手機版本時,layout以一欄式設計為主
9.盡量精簡手機版內容,只留下最重要的
10.使用實體裝置測試網站(因為電腦模擬有時候不是很準確)
div inline 在 前端新手村橫向排列& 實現純手工RWD - 《Chris 技術筆記》 的推薦與評價
I have a inline~ ... 2016年日本搞笑藝人古坂大魔王學w3c 設計 inline-block 的概念,創作了PPAP 這首歌。(誤) ... <div class="inline-block"> ... <看更多>
div inline 在 display: inline-block not working for text + image div · Issue #656 的推薦與評價
Hi everyone, I have an html block that looks like this: LOREM IPSUM When I style child1 and child2 with display: inline-block in ... ... <看更多>
div inline 在 How do you make div elements display inline? - Stack Overflow 的推薦與評價
... <看更多>
相關內容