H5-移動端適配

標籤：listener   stars   cli   details   時間   解決方案   .net   nbsp   size   

　　之前寫H5頁面也會遇到適配問題, 是通過媒體查詢一點一點調整,始終覺得很繁瑣,但一直也沒去想想解決的辦法. 

　　今天專門花了一上午的時間來去研究.  小生只是剛踏入前端路的小白,對於網上各位大佬的講解適配理解起來還是挺費勁.....

　　但還是找到了一篇簡單的解決方案, 參考連結: 78712328(十分感謝);　　

1 !function(b, a){2         var c = b.documentElement;3         a = function() {4             var a = c.clientWidth;5             a && (c.style.fontSize = a/375 * 100 + "px")6         };7         window.addEventListener("orientationchange" in window ? "orientationchange" : "resize", a, !1);8         b.addEventListener("DOMContentLoaded", a, !1)9     }(document, window);

　　這種方法通過檢測, 動態改變根項目 font-size的大小, 達到適配;

　　通過測試,感覺適配效果還是可以的,

　　目前就先這樣處理, 閑下來在去理解實踐其餘的方法.

　　

H5-移動端適配