頁面自适應

        最近公司做的項目需要做到一屏展示，不能出現滾動條，至少在打開頁面時不能出現滾動條，就這要求頁面自适吟，而且不光是要頁面布局需要做到自适吟調節，圖檔和字型也需要做到自适吟，現在我的實作方案是去掉所有的px ,用vw，wh,vmin(vm)代替。

         首先在布局方面用百分比布局，盡量不要用具體的大小，如：px，cm

        vw，wh,vmin(vm)三個是視口的機關 具體換算機關為：

                            1vw = 1/100 視口寬度

                           1vh = 1/100 視口高度

                          1vmin（vm） = 1/100 視口高度寬度中較小的一個

      例如：

 h1 {      

                   font-size: 8vm;    //适用于IE

                   font-size: 8vmin;   //其他浏覽器

                 }

如果視口的寬度是300mm，高度是200mm，那麼上述代碼中h1元素的字号将為16mm，即(8x200)/100，因為高度比寬度要小，是以計算的時候相對于高度。