vue-移动端项目的搭建过程

1.新建项目文件夹

2.执行vue-cli命令:vue init webpack 项目名

适配:vw,vh 永远获取屏幕宽高

100vw=屏幕的宽度 100除以设计图的百分之1例如:100/(375x0.01)

1vw=1%屏幕尺寸(设计图的百分比)

这样更直观的获取百分比 但是少部分手机不支持 所以需要自己把控

vw,vh是未来的趋势

l要移动端尺寸显示正常需要加上以下meta

width - viewport的宽度 height - viewport的高度
initial-scale - 初始的缩放比例
minimum-scale - 允许用户缩放到的最小比例
maximum-scale - 允许用户缩放到的最大比例
user-scalable - 用户是否可以手动缩放

html<font-size=:vw;>{}100除以设计图总宽度的百分之1.例如width:800px时,100除以(800乘以1%)等于12.5vw.所以总html{font-size:12.5vw}