#鸿蒙通关秘籍# 鸿蒙如何处理不同设备间的UI适配？

@Entry
@Component
struct AdaptiveLayout {
    build() {
        return Column() {
            Text('欢迎使用鸿蒙！')
                .fontSize(20)
                .textAlign(TextAlign.Center);
            Row() {
                Button('按钮1')
                    .onClick(() => console.log('按钮1被点击'));
                Button('按钮2')
                    .onClick(() => console.log('按钮2被点击'));
            }.width('100%'); // 自适应宽度
        };
    }
}
1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
11.
12.
13.
14.
15.
16.
17.