# ArkWeb如何适配多种设备

在进行Web页面开发时，可以采用CSS中的媒体查询，使用 @media 查询根据不同的屏幕尺寸设置不同的样式。此外，参考响应式设计(Responsive Web Design, RWD)的相关知识，如使用百分比单位和视口单位。同时，可以使用成熟的前端框架，这些框架中的组件实现内容已经考虑了多端适配场景。详情可参考Web响应式布局。

如果三方网页已经使用UA标识适配了移动端设备，但在HarmonyOS设备上效果错误，可能的原因是没有适配HarmonyOS设备的UA标识。开发者可以在ArkTS侧使用getUserAgent()来查看HarmonyOS设备的UA标识，从而进行补充适配。另外，开发者也可以使用setCustomUserAgent自定义UA标识。

参考链接：

默认UserAgent结构

setCustomUserAgent