tips – 這世上 沒有偶然 只有必然 https://wordpress.lokidea.com 幻幽的小小分享區 Sat, 22 Jul 2017 03:30:15 +0000 zh-TW hourly 1 10個關於Responsive Design的提示 https://wordpress.lokidea.com/1639/10%e5%80%8b%e9%97%9c%e6%96%bcresponsive-design%e7%9a%84%e6%8f%90%e7%a4%ba/ https://wordpress.lokidea.com/1639/10%e5%80%8b%e9%97%9c%e6%96%bcresponsive-design%e7%9a%84%e6%8f%90%e7%a4%ba/#respond Sat, 22 Jul 2017 03:30:15 +0000 https://wordpress.lokidea.com/?p=1639 閱讀全文 10個關於Responsive Design的提示]]> 這10點被製作在這張圖片上面
一開始列出2010年跟2012年各地區的手機流量
接著是10點提示

  1. 保持你的版面簡單 (KEEP YOUR LAYOUT SIMPLE)
  2. 使用媒體查詢 (USE MEDIA QUERIES) + MOST FREQUENT RESOLUTIONS
  3. 定義中斷點 (DEFINE THE BREAKPOINTS)
  4. 讓你的版型更靈活 (MAKE YOUR LAYOUT FLEXIBLE)
  5. 正確呈現你的圖片 (MAKE YOUR PICTURES BEHAVE)
  6. 別忘記 MAX & MIN (DON’T FORGET MAX&MIN)
  7. 產生最好的相對性內容 (MAKE MOST THINGS RELATIVE)
  8. 當使用手機端，要線性思考設計 (WHEN MOBILE LINEARIZE)
  9. 省略非必要的內容 (SKIP THE NON ESSENTIAL CONTENT)
  10. 確認你的META VIEWPORT (CHECK YOUR META VIEWPORT)


這些專有名詞真是不好翻譯呢
每一點都可以寫一篇獨立文章呢
看來之後文章的題材又增加不少了
原始連結
https://www.pinterest.com/pin/162270392798680920/

]]> https://wordpress.lokidea.com/1639/10%e5%80%8b%e9%97%9c%e6%96%bcresponsive-design%e7%9a%84%e6%8f%90%e7%a4%ba/feed/ 0