Web组件展示页面片,h5内容会超出Web组件宽度
使用Web组件展示HTML标签富文本,h5内容宽度超出了Web组件限制的宽度,导致页面右边内容显示不全,且会左右滑动。
页面片内容:
export const HTMLRichTextTemplate = `
<!DOCTYPE html>
<html>
<head>
<title>Rich_Text</title>
<style>
html {
-webkit-text-size-adjust: 100%;
text-align: right;
}
div {
font-size: 15px;
color: #666666;
}
a {
color: #3389DF;
text-decoration: none;
}
span {
color: #333333;
}
strong {
color: #000000;
}
</style>
</head>
<body>
<div class='container'>
<font color='#DF1F26'>05月22日</font>
</div>
</body>
</html>
加载页面片的代码:
Web({
src: '',
controller: this.webController
})
.height(this.webHeight)
.horizontalScrollBarAccess(false)
.textZoomRatio(fp2px(100))
.zoomAccess(false)
.width('60%')
上述的代码中, Web组件的.width设置为 70% 或更大时,才不会出现h5内容宽度超过Web组件的情况;小于70% 都会出现标题描述的问题。
HarmonyOS
赞
收藏 0
回答 1
待解决
相关问题
HarmonyOS Web组件加载H5白屏
1233浏览 • 1回复 待解决
HarmonyOS Web组件加载在线H5页面
1349浏览 • 1回复 待解决
Web组件和h5页面如何交互?
1338浏览 • 1回复 待解决
HarmonyOS web组件显示h5页面,部分内容丢失
1169浏览 • 1回复 待解决
HarmonyOS web组件加载h5,h5拉起摄像头
1969浏览 • 1回复 待解决
HarmonyOS web组件如何监听到H5的页面跳转
1112浏览 • 1回复 待解决
鸿蒙next 中 web组件和h5 页面如何交互
806浏览 • 1回复 待解决
HarmonyOS 使用web组件加载h5页面,报错17100001
1394浏览 • 1回复 待解决
HarmonyOS web组件怎么获取当前h5页面的title
789浏览 • 1回复 待解决
HarmonyOS web组件H5页面如何选择手机图片视频
1349浏览 • 1回复 待解决
HarmonyOS Web组件加载H5页面获取网络状态失败
984浏览 • 1回复 待解决
HarmonyOS web组件加载的h5页面中判断机型
1003浏览 • 1回复 待解决
HarmonyOS web折叠屏展示h5页面进入时会放大
1732浏览 • 1回复 待解决
HarmonyOS web组件如何监听h5内部的router跳转
1169浏览 • 1回复 待解决
H5中的图片在Web组件中显示异常
1244浏览 • 1回复 待解决
HarmonyOS 如何清理Web组件h5往localStorage写的数据
1515浏览 • 1回复 待解决
HarmonyOS Web组件加载本地H5文件跨域
1321浏览 • 1回复 待解决
如何设置Web组件加载的H5页面禁用手势缩放
4020浏览 • 1回复 待解决
在Web组件的H5页面中,如何使用a标签实现打开各种页面
3136浏览 • 1回复 待解决
HarmonyOS web与H5交互
1937浏览 • 1回复 待解决
怎么禁止Web组件加载的H5页面长按复制粘贴功能?
1414浏览 • 1回复 待解决
HarmonyOS H5页面无法自适应展示,类似浏览器展示H5页面
1579浏览 • 1回复 待解决
HarmonyOS原生中的web组件如何和组件内渲染的h5进行通信
1481浏览 • 1回复 待解决
Web中webview和H5交互
2298浏览 • 1回复 待解决
HarmonyOS Web组件加载H5,拉起软键盘遮挡输入框
1259浏览 • 1回复 待解决
给html设置<meta name="viewport" content="width=device-width, initial-scale=1.0">即可。