H5分享链接，禁止微信浏览器放大字体导致排版错乱不适配问题

墨姿狸

于 2021-08-10 14:09:53 发布

阅读量730

点赞数 1

分类专栏： js HTML 文章标签： html5 javascript webview

本文链接：https://blog.csdn.net/weixin_45759427/article/details/119568588

版权

当APP内的H5链接需要禁止webview缩放字体

html{
   -webkit-text-size-adjust:none;}

需要安卓前端配置：
webview.getSettings().setTextZoom(100),这个方法可以设置webview内部字体的缩放比例

当分享至微信浏览器时，需要在H5内配置以下代码禁止微信浏览器对H5页面内的字体缩放

<body style="-webkit-text-size-adjust: 100%!important;">
    @RenderBody()
     <script type="text/javascript&#