HarmonyOS web控件加载富文本,字太小
一屏加载字号太小 根本看不清。
设置 .initialScale(100)之后 虽然放大了 但是一屏展示不了 还要滑动才能看完。
怎么能让文字自适应屏幕大小?
富文本:
<p><span style="color: rgb(68, 68, 68); line-height: 1.75;"> 该情况是由于2018年开展产业工人大调查,可能存在基层工会或街道工会提前将信息批量录入的情况,可以点击【设置】-【安全设置】-【注销账号】,将此账号注销(身份证信息注销),使用新手机号,获取验证码登陆后完成实名认证。
</span></p><p><br></p>
<p><span style="color: rgb(68, 68, 68); line-height: 1.75;"> 注:实名认证时候提示该身份证信息与xxx手机号绑定,请使用原本绑定手机号登录,如果原手机号不在使用,请使用登录页面“旧手机不在使用”功能通过人脸识别重置你的手机号。</span></p>
demo:
import { router } from '@kit.ArkUI'
import TitleBar from '../../components/TitleBar'
import { FaqDetailEntity } from '../../entity/SettingResponse'
import { Api } from '../../utils/network/Api'
import { RequestPath } from '../../utils/network/RequestPath'
import WebView from '@ohos.web.webview';
@Entry
@Component
struct FaqDetailPage {
@State title:string = ""
@State dataId:string = ""
private webController: WebView.WebviewController = new WebView.WebviewController()
build() {
Column(){
TitleBar({ title: this.title ,type:"white"})
Web({ src: "", controller: this.webController })
.width('100%')
.javaScriptAccess(true)
.initialScale(100)
.cacheMode(CacheMode.None)
.height('100%')
}.width('100%')
.height('100%')
}
aboutToAppear(): void {
let data = router.getParams() as Record<string, string>
this.title = data.title
this.dataId = data.dataId
Api.getInstance().get<FaqDetailEntity>(RequestPath.API_HOME_FAQ_SHOW_GET+this.dataId).then(data=>{
this.webController.loadData(data.data.content, "text/html", "utf-8", "", "")
this.webController.refresh()
})
}
}
HarmonyOS
赞
收藏 0
回答 1
待解决
相关问题
HarmonyOS Web组件加载富文本字体太小,如何设置字体大小?
403浏览 • 1回复 待解决
HarmonyOS Web组件加载富文本异常
249浏览 • 1回复 待解决
HarmonyOS如何加载富文本内容,不使用web的方式?
329浏览 • 1回复 待解决
HarmonyOS Web组件加载富文本时如何引用本地css和js
487浏览 • 1回复 待解决
富文本在web组件中无法展示
2024浏览 • 1回复 待解决
HarmonyOS 富文本点击事件
389浏览 • 1回复 待解决
HarmonyOS 富文本超出容器
248浏览 • 1回复 待解决
HarmonyOS 使用web控件加载网页出现空白
276浏览 • 1回复 待解决
HarmonyOS 富文本渲染问题
207浏览 • 1回复 待解决
HarmonyOS 如何支持表情和富文本
551浏览 • 2回复 待解决
HarmonyOS有富文本的支持么?如何在一段富文本中嵌入图片呢?
368浏览 • 1回复 待解决
HarmonyOS html富文本显示问题
910浏览 • 1回复 待解决
HarmonyOS 富文本组件问题
318浏览 • 1回复 待解决
TextArea组件是否支持输入富文本(比如emoji表情和富文本)
2357浏览 • 1回复 待解决
富文本扩展点击监听返回url
796浏览 • 1回复 待解决
Java Text控件,如何设置字间距?
6944浏览 • 1回复 待解决
鸿蒙-富文本如何添加图片
7047浏览 • 1回复 待解决
HarmonyOS 富文本内容字体大小动态修改如何实现?
537浏览 • 1回复 待解决
arkui怎么展示接口返回的富文本?
2923浏览 • 1回复 待解决
HarmonyOS RichText 无法自适应高度、无法设置富文本内容字体样式
561浏览 • 1回复 待解决
HarmonyOS 如何保证三个字和四个字文本完全等宽?
188浏览 • 1回复 待解决
HarmonyOS Web控件加载网页视口(viewport)过大,导致网页显示效果不佳问题
244浏览 • 1回复 待解决
HarmonyOS web加载失败
225浏览 • 1回复 待解决
HarmonyOS Text组件,富文本使用Span设置背景色无效
581浏览 • 1回复 待解决
HarmonyOS web控件执行多次的问题
435浏览 • 1回复 待解决
关于富文本操作建议使用RichText实现,以下为简单demo,设置H5对应标签的字体大小即可按照预期展示:
以下为HarmonyOSRichText富文本组件API链接:
https://developer.huawei.com/consumer/cn/doc/harmonyos-references-V5/ts-basic-components-richtext-V5
目前使用富文本还是可以的,在你的富文本之外增加font标签,设置size属性即可改变大小,目前仅支持 1-7 ,7为最大。
富文本还有其他属性支持,可参考上述API链接。