Vue项目遇到的一些小问题汇总(持续)

问题一: 移动端1px像素线条问题

在移动端手机设置1px像素的线条粗细不对

解决方法:

使用0.03rem来设置线条

问题二适应性布局,统一字体显示差异

百分比/rem适应布局,统一字体的话,不同手机差比较大

解决方法:

大小屏的手机设置不一样大小的默认字体即可

html{
  font-size: 16px;  
}
@media screen and (max-height:  359px){    //小屏手机
  html{
    font-size: 12px;
  }  
}