页面根据系统字体改变,两种解决方式,
一、前端写页面时,考虑到这点,设置字体放大时的排版(参考今日头条网站)
二、拒绝手机系统字体改变,也就是系统字体变大或变小,但页面的字体不变
需要在app.vue里加上
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width,initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no"/>
<meta name="apple-mobile-web-app-capable" content="yes">
<meta name="apple-mobile-web-app-status-bar-style" content="black">
在app.vue的css里加上
-webkit-text-size-adjust: 100% !important;
text-size-adjust: 100% !important;
-moz-text-size-adjust: 100% !important;
两种方法一起试一下都可以解决
0条评论