本人只是個搬運工豺型，尊重原創(chuàng)
以下博文可以解決所有小白疑問，如有侵權绑咱，請聯(lián)系本人刪除爵嗅。
參考大牛博文：使用Flexible實現(xiàn)手淘H5頁面的終端適配
參考大牛博文：從淘寶適配布局談移動端適配
github官網：flexible-github官網
參考大牛博文：關于移動端 rem 布局的一些總結
- 在移動端瀏覽器中以及某些桌面瀏覽器中，window對象有一個devicePixelRatio屬性疲恢，它的官方的定義為：設備物理像素和設備獨立像素的比例凶朗，也就是 devicePixelRatio = 物理像素 / 獨立像素。css中的px就可以看做是設備的獨立像素显拳，所以通過devicePixelRatio棚愤，我們可以知道該設備上一個css像素代表多少個物理像素。例如杂数，在Retina屏的iphone上宛畦，devicePixelRatio的值為2，也就是說1個css像素相當于2個物理像素
- 現(xiàn)在我們已經有兩個viewport了：layout viewport 和 visual viewport揍移。但瀏覽器覺得還不夠次和，因為現(xiàn)在越來越多的網站都會為移動設備進行單獨的設計，所以必須還要有一個能完美適配移動設備的viewport那伐。所謂的完美適配指的是踏施，首先不需要用戶縮放和橫向滾動條就能正常的查看網站的所有內容；第二罕邀，顯示的文字的大小是合適读规，比如一段14px大小的文字，不會因為在一個高密度像素的屏幕里顯示得太小而無法看清燃少，理想的情況是這段14px的文字無論是在何種密度屏幕束亏，何種分辨率下，顯示出來的大小都是差不多的阵具。當然碍遍，不只是文字定铜，其他元素像圖片什么的也是這個道理。ppk把這個viewport叫做 ideal viewport怕敬，也就是第三個viewport——移動設備的理想viewport揣炕。
- 但是安卓設備就比較復雜了，有320px的东跪，有360px的畸陡，有384px的等等，關于不同的設備ideal viewport的寬度都為多少虽填，可以到http://viewportsizes.com去查看一下丁恭，里面收集了眾多設備的理想寬度。
