一張圖說明 Responsive Design 的精華

【如果覺得文章寫的好的話希望能按一下讚或分享喔】

之前有寫 一篇文章 談 Responsive Design 的概念,中文似乎沒有統一,先稱為自適性設計吧

許多知名的網站框架都有導入這樣的概念 (例如:Twitter 所用的 Bootstrap)

可以大幅減少開發的時間

 

這次製作了一張圖,直接說明其意義:

 responsiveDesign

 

如果嫌圖片太小,這裡有原圖可以觀看

http://i.imgur.com/jWuS0.png

 

其中 pixel 所列的數字是大致參考值

確切數字還是必須根據裝置不同而定

 

如果有錯誤,歡迎指正!

Related Posts Plugin for WordPress, Blogger...
【如果覺得文章寫的好的話希望能按一下讚或分享喔】

彭其捷

想要做出很棒的產品,所以我寫程式,也研究介面 (UI) 與使用者經驗 (UX),並思考管理的法則。

【Profile】http://about.me/divaka

twitter facebookgooglepluslinkedinbloggertumblrflickryoutubedribbblerssemail


Fatal error: Uncaught Exception: 12: REST API is deprecated for versions v2.1 and higher (12) thrown in /home/content/63/7692663/html/blog/wp-content/plugins/seo-facebook-comments/facebook/base_facebook.php on line 1273