vue適配，pc和移動

PC適配：

　　媒體查詢 ，flex  rem         （PC適配主要使用媒體查詢+百分比）

移動適配：

　　主要使用  rem+flex    也有用JS代碼斷實現

 

vue腳手架 移動適配:

　　核心思路-》根元素大小-頁面尺寸和rem的關系

　　1，將根元素的大小設置為屏幕寬度的1/10

　　2，結合rerm  rem來實現響應式

　　在index.html 里設置

　　　　<script>

　　　　　　//設置根元素字體大小

　　　　　　document.documentElement.style.fontSize = document.documentElement.clientWidth/10+"px"

console.log(document.documentElement.style.fontSize)

　　　　//監聽屏幕尺寸的變化

　　　　window.addEventListener("resize",()=>{

　　　　　　document.documentElement.style.fontSize = document.documentElement.clientWidth/10+"px"

　　})

　　　　</script>