如何处理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
相关问题
应用线程过多时如何处理
282浏览 • 1回复 待解决
如何处理Redis的内存优化?
1277浏览 • 1回复 待解决
注册监听关机事件,该如何处理
77浏览 • 1回复 待解决
错误rowCount返回值-1如何处理
59浏览 • 1回复 待解决
如何处理消息被频控的问题
244浏览 • 1回复 待解决
如何处理HAR之间的互相依赖
535浏览 • 1回复 待解决
监听音频打断事件,该如何处理
57浏览 • 1回复 待解决
如何处理应用卡死(appfreeze)问题
310浏览 • 1回复 待解决
webview 如何显示纯文本html内容?
179浏览 • 1回复 待解决
求大佬告知如何处理误分类问题
287浏览 • 1回复 待解决
如何处理推送数量不够用问题
254浏览 • 1回复 待解决
Redis 7.0 Multi Part AOF主进程如何处理
1274浏览 • 1回复 待解决
错误码15500000(首选项)如何处理
60浏览 • 1回复 待解决
有谁知道web拦截如何处理文件
65浏览 • 1回复 待解决