RWD理論說明

RWD之下Veiwport 行動裝置顯示設定

一、RWD之下Veiwport 行動裝置顯示設定

各廠家手機解析度http://screensiz.es/phone

%em關係http://pxtoem.com/

Veiwport在手機呈現結果

手機旋轉後文字自動縮放設定

 

二、@media queries媒體類型查詢設定


建議文章閱讀
1.RWD尺寸間設定關係參考

2.RWD值建議

    Devices and resolutions

  • What browsers do people use?
  • On what kind of devices?
  • What is their screen resolution?
  • How much space is taken by the browser toolbars?
  • What does it mean for me as a web site developer?

3.Statcoubter網站頁面分析