這10點被製作在這張圖片上面
一開始列出2010年跟2012年各地區的手機流量
接著是10點提示
- 保持你的版面簡單 (KEEP YOUR LAYOUT SIMPLE)
- 使用媒體查詢 (USE MEDIA QUERIES) + MOST FREQUENT RESOLUTIONS
- 定義中斷點 (DEFINE THE BREAKPOINTS)
- 讓你的版型更靈活 (MAKE YOUR LAYOUT FLEXIBLE)
- 正確呈現你的圖片 (MAKE YOUR PICTURES BEHAVE)
- 別忘記 MAX & MIN (DON’T FORGET MAX&MIN)
- 產生最好的相對性內容 (MAKE MOST THINGS RELATIVE)
- 當使用手機端，要線性思考設計 (WHEN MOBILE LINEARIZE)
- 省略非必要的內容 (SKIP THE NON ESSENTIAL CONTENT)
- 確認你的META VIEWPORT (CHECK YOUR META VIEWPORT)