HarmonyOS webview如何自适应屏幕？

Question

webview加载一个url，但是页面宽度超过了屏幕宽度，如何让页面自适应在屏幕中显示？

Answer 1

参考：

import { webview } from '@kit.ArkWeb';
@Entry
@Component
struct B {
  controller: webview.WebviewController = new webview.WebviewController();
  @State isShow:Visibility = Visibility.None
  @State isPresent: boolean = false;
  build() {
    Column() {
      Text('标题').height(55)
      Web({ src: "", controller: this.controller })
        .domStorageAccess(true)
        .onlineImageAccess(true)
        .imageAccess(true) .margin({ bottom:20 })
        .zoomAccess(false)
        .javaScriptAccess(true)
        .onPageEnd(e => {

        })
        .onControllerAttached(()=>{
          this.controller.setCustomUserAgent("Mozilla/5.0 (xxx; OpenHarmony 4.1) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/114.0.0.0 Safari/537.36 ArkWeb/4.1.6.1 Mobile")
        })
    }.width('100%')
  }
}