如何处理webview显示元素尺寸过小-鸿蒙开发者社区-51CTO.COM

如何处理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 大整数如何处理
395浏览 • 1回复 待解决
应用线程过多时如何处理
1852浏览 • 1回复 待解决
如何处理Redis的内存优化?
2822浏览 • 1回复 待解决
鸿蒙应用如何处理异步请求?
86浏览 • 0回复 待解决
注册监听关机事件,该如何处理
731浏览 • 1回复 待解决
求大佬告知如何处理大整数
366浏览 • 1回复 待解决
在ArkTS中如何处理耗时操作?
445浏览 • 1回复 待解决
如何处理复杂 SVG 图形的交互?
52浏览 • 0回复 待解决
ArkTS后台代理提醒,需要如何处理
896浏览 • 1回复 待解决
如何处理tabs嵌套web滑动场景
431浏览 • 1回复 待解决
编译报错,信息不足如何处理啊?
240浏览 • 1回复 待解决
蓝牙连接报错该如何处理
360浏览 • 1回复 待解决
如何处理应用卡死(appfreeze)问题
1993浏览 • 1回复 待解决
HarmonyOS应用如何处理用户权限请求?
112浏览 • 0回复 待解决
错误rowCount返回值-1如何处理
1094浏览 • 1回复 待解决
如何处理消息被频控的问题
1738浏览 • 1回复 待解决
如何处理HAR之间的互相依赖
2289浏览 • 1回复 待解决
求大佬告知如何处理误分类问题
1680浏览 • 1回复 待解决