【问题标题】:Android - WebView font looks different on every deviceAndroid - WebView 字体在每台设备上看起来都不同
【发布时间】:2012-04-10 07:48:36
【问题描述】:

我有一个应用程序有几个屏幕作为 HTML 加载到 WebView 中。

文本的默认 CSS 是 font:normal 14px Arial, Helvetica, sans-serif,正如我所假设的,它应该在所有设备上看起来都一样(就字体大小而言)。

出于某种原因,在某些设备上,字体看起来像 26+ 号以上,这会导致字体在受限制的元素中溢出。

我做错了什么?

【问题讨论】:

    标签: android fonts webview


    【解决方案1】:

    还有其他参数在确定 Android 中 HTML 页面中元素的大小时起作用,例如:

    <link rel="stylesheet" href="css/hdpi.css" media="only screen and (-webkit-min-device-pixel-ratio:1.5)">
    
    
     <meta name="viewport"   content="user-scalable=no,   width=device-width,  target-densitydpi=device-dpi">
    

    尝试整合这些参数,您将获得更稳定的视图..然后您可以通过 JS 或活动更新这些值..

    祝你好运

    【讨论】:

    • 这当然不能直接解决问题,但提供了控制附加样式和屏幕行为的一般方式。谢谢!
    【解决方案2】:

    为 webview 尝试此设置 .. 这设置了 WebView 的初始比例

    setInitialScale (int scaleInPercent)
    

    【讨论】:

      猜你喜欢
      • 1970-01-01
      • 2017-12-24
      • 2014-10-30
      • 2016-11-06
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 2020-11-24
      相关资源
      最近更新 更多