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>