如何处理webview显示元素尺寸过小

@ohos.web.webview中提供的webview,在使用loadData方法加载html字符串时,显示的字符串偏小。由于px与vp之间存在换算关系,是否有统一处理的方法,让html字符串正常显示?

需要显示的html字符串例子:“<div style="font-family:SimSun, 宋体, CESI_SS_GB18030;font-size:18px;">邮件测试发的幅度萨芬撒旦发射点发射点发射点发生大师傅撒旦飞洒地方</div>”

HarmonyOS
2024-05-07 22:22:58
浏览
收藏 0
回答 1
待解决
回答 1
按赞同
/
按时间
li_jian_jun

可以参考如下设置web组件默认字体大小的方式设置基础的html字体大小:

controller: web_webview.WebviewController = new web_webview.WebviewController(); 
@State fontSize: number = vp2px(18) 
build() { 
  Row() { 
    Column() { 
      Web({ src: ‘www.example.com’, controller: this.controller }) 
        .defaultFontSize(this.fontSize) 
    } 
    .width(‘100%’) 
  } 
  .height(‘100%’) 
}

示例html字符串中不再单独设置px大小:

<div style="font-family:SimSun, 宋体, CESI_SS_GB18030;">邮件测试发的幅度萨芬撒旦发射点发射点发射点发生大师傅撒旦飞洒地方</div>

其他设置web组件组件字体大小方式请参考文档:

https://developer.huawei.com/consumer/cn/doc/harmonyos-references/ts-basic-components-web-0000001860247877#ZH-CN_TOPIC_0000001860247877__webfantasyfont9


分享
微博
QQ
微信
回复
2024-05-08 16:17:34
相关问题
如何处理Redis的内存优化?
1273浏览 • 1回复 待解决
应用线程过多时如何处理
265浏览 • 1回复 待解决
如何处理HAR之间的互相依赖
506浏览 • 1回复 待解决
如何处理消息被频控的问题
227浏览 • 1回复 待解决
如何处理应用卡死(appfreeze)问题
280浏览 • 1回复 待解决
webview 如何显示纯文本html内容?
140浏览 • 1回复 待解决
求大佬告知如何处理误分类问题
274浏览 • 1回复 待解决
如何处理推送数量不够用问题
245浏览 • 1回复 待解决
Redis 7.0 Multi Part AOF主进程如何处理
1269浏览 • 1回复 待解决
鸿蒙webview 崩溃怎么处理
4317浏览 • 1回复 待解决
父组件中如何处理子组件内点击事件
551浏览 • 1回复 待解决