如何处理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
按赞同
/
按时间
退休的程序员

可以参考如下设置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
相关问题
HarmonyOS 大整数如何处理
502浏览 • 1回复 待解决
HarmonyOS 组件尺寸显示异常
56浏览 • 1回复 待解决
如何处理Redis的内存优化?
2896浏览 • 1回复 待解决
鸿蒙应用如何处理异步请求?
182浏览 • 0回复 待解决
应用线程过多时如何处理
1899浏览 • 1回复 待解决
在ArkTS中如何处理耗时操作?
531浏览 • 1回复 待解决
注册监听关机事件,该如何处理
792浏览 • 1回复 待解决
求大佬告知如何处理大整数
455浏览 • 1回复 待解决
ArkTS后台代理提醒,需要如何处理
1023浏览 • 1回复 待解决
如何处理复杂 SVG 图形的交互?
146浏览 • 0回复 待解决
如何处理tabs嵌套web滑动场景
507浏览 • 1回复 待解决
编译报错,信息不足如何处理啊?
329浏览 • 1回复 待解决
蓝牙连接报错该如何处理
447浏览 • 1回复 待解决
如何处理应用卡死(appfreeze)问题
2098浏览 • 1回复 待解决
HarmonyOS 图片上传文件过大如何处理
39浏览 • 1回复 待解决
HarmonyOS应用如何处理用户权限请求?
202浏览 • 0回复 待解决
如何处理消息被频控的问题
1777浏览 • 1回复 待解决
错误rowCount返回值-1如何处理
1244浏览 • 1回复 待解决