收藏
回答

【小程序web-view组件问题】加载H5页面字体大小无法控制,显示字体总是很小?

H5页面在线地址: https://ratest.bellonline.cn/agreement/user_service_protocol.html

重现步骤: 微信小程序web-view组件加载如上H5地址,字体总是很小,iOS和Android均如此,效果图如下:

实际H5 font-size已经很大了,用浏览器访问效果图如下:

想请教下这个问题到底如何解决?

回答关注问题邀请回答
收藏

6 个回答

  • chh
    chh
    2021-04-14

    看你写的H5字体都是死44px的,且没有做H5视口适配,可以试试做下移动端适配。

    2021-04-14
    有用 1
    回复 1
    • 🍉好好学习天天向上🍎
      🍉好好学习天天向上🍎
      发表于移动端
      2021-04-14
      关键是我试了好几次,16px 22px 32px,都丝毫没变化。
      2021-04-14
      回复
  • T🍩 M🍭
    T🍩 M🍭
    02-05

    我的是从wps直接转成的hmtl。这个还要自己开发太麻烦了吧。但是也有这种情况。有个页面加了下面这句好了,但不是每个页面都有用,很奇怪。

    <meta name=viewport content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no,viewport-fit=cover">


    02-05
    有用
    回复
  • Yummy
    Yummy
    2023-09-19

    h5页面字体挺小的,只要内嵌于小程序中 字体就很大 怎么解决? h5中字体设置的14px,换成rem也是一样 被放大

    2023-09-19
    有用
    回复 1
    • Yummy
      Yummy
      2023-09-19
      同楼主类似
      2023-09-19
      回复
  • 郑钱花
    郑钱花
    2021-04-15

    字体不要写死,做适配。

    你试N次还是写死的啊

    适配方案。rem 或 vw 了解一下

    不过也有可能像楼下说的和手机设置的字体、微信设置的字体有关,那这种就没办法了

    2021-04-15
    有用
    回复
  • 一笑皆春
    一笑皆春
    2021-04-15

    可能与手机的设置有关

    2021-04-15
    有用
    回复
  • 🍉好好学习天天向上🍎
    🍉好好学习天天向上🍎
    2021-04-14

    这里补充一下: 字体大小我更换了多次,但是web-view加载H5中字体显示大小一直一样,根本没有改变。

    2021-04-14
    有用
    回复 1
    • ꯭Y°
      ꯭Y°
      2021-07-12
      有解决办法吗 我用的rem 也不行 改不动
      2021-07-12
      回复
登录 后发表内容
问题标签