如何使H5页面适配多设备？

import web_webview from '@ohos.web.webview'; 
 
@Entry 
@Component 
struct WebComponent { 
  controller: web_webview.WebviewController = new web_webview.WebviewController(); 
  userAgent : string = ''; 
  phone_ua : string = "Mozilla/5.0 (Phone; Android; OpenHarmony 5.0) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/114.0.0.0 Safari/537.36 ArkWeb/4.1.6.1 Mobile" 
 
 
  build() { 
    Column() { 
      Web({ src: 'www.xxx.com', controller: this.controller }) 
        .width('100%') 
        .mixedMode(MixedMode.All) 
        .onControllerAttached(() => { 
          this.controller.setCustomUserAgent(this.phone_ua); 
        }) 
    } 
  } 
}
1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
11.
12.
13.
14.
15.
16.
17.
18.
19.
20.
21.