15年软件开发经验 只做源码定制 互联网+定制化解决方案

15年软件开发经验,只做源码定制!

原创设计 定制开发

满足您的个性化需求

当前位置:首页 前端开发 H5

vue页面字体控制

王鹤翔| 发布于 2021-10-16 13:34:46| 778阅读| 0点赞| 0评论
举报

页面字体根据手机系统字体改变的话,页面排版全乱这种情况的解决方式

页面根据系统字体改变,两种解决方式,

一、前端写页面时,考虑到这点,设置字体放大时的排版(参考今日头条网站


二、拒绝手机系统字体改变,也就是系统字体变大或变小,但页面的字体不变

需要在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

0条评论

别默默看啦~登录/注册一起参与讨论吧~

热门标签

王鹤翔
微信扫一扫立即咨询
账号登录|扫码登录

立即注册 |忘记密码?

欢迎注册

已有账号马上登录

重置密码

扫码绑定微信
微信扫一扫

绑定手机号

分享到-微信

举报

  • 举报类型:

  • 举报描述:

您好,当前积分不足。

在线客服
拨打电话
17330196230 13230981129
顶部