文档管理中心
FAQ应用框架开发Web框架Web开发(ArkWeb)Web使用vh适配网页被缩小

Web使用vh适配网页被缩小

问题现象

ArkWeb加载的前端页面中使用vh单位进行网页自适应适配时,页面出现异常缩小。

可能原因

ArkWeb组件通过User-Agent中是否含有"Mobile"字段来判断是否开启前端HTML页面中meta标签的viewport属性。当User-Agent中不含有"Mobile"字段时,meta标签中viewport属性默认关闭,由此可能导致网页异常,影响页面布局效果。

解决措施

  • 若未设置User-Agent,非PC设备默认开启meta标签的viewport属性,使用vh适配网页正常。
  • 若设置User-Agent中未包含"Mobile"字段,meta标签中viewport属性默认关闭,需要手动添加"Mobile"字段或者显式设置metaViewport属性为true来主动开启。

参考链接:

metaViewport属性。

User-Agent开发指导

在 FAQ 中进行搜索
请输入您想要搜索的关键词