// ❌ 错误：固定像素，不同手机显示不一致
设置 按钮1.宽度 = 160

// ✅ 正确：百分比，自动适配屏幕宽度
设置 按钮1.宽度百分比 = 50    // 屏幕宽度的50%
设置 按钮1.高度百分比 = 10    // 屏幕高度的10%

设置 按钮1.宽度 = -2    // -2 = 充满父级（Fill Parent）
设置 按钮1.高度 = -1    // -1 = 自动（Automatic）

// 获取屏幕实际宽高（响应式模式下）
初始化局部变量 屏幕宽 = Screen1.宽度
初始化局部变量 屏幕高 = Screen1.高度

// 根据屏幕尺寸动态设置组件大小
当 Screen1.初始化 时
  // 按钮宽度 = 屏幕宽度的45%
  设置 按钮1.宽度 = 四舍五入(Screen1.宽度 * 0.45)
  
  // 字体大小根据屏幕宽度自适应
  如果 Screen1.宽度 < 400 则
    设置 标签1.字体大小 = 14    // 小屏手机
  否则如果 Screen1.宽度 < 600 则
    设置 标签1.字体大小 = 16    // 普通手机
  否则
    设置 标签1.字体大小 = 20    // 大屏/平板

// 动态字体大小
定义 自适应字体大小(基础大小)
  返回 四舍五入(基础大小 * Screen1.宽度 / 360)
  // 360是基准宽度（普通手机）

当 Screen1.初始化 时
  设置 标签_标题.字体大小 = 调用 自适应字体大小(18)
  设置 标签_内容.字体大小 = 调用 自适应字体大小(14)

// 图片组件设置
设置 图片1.宽度百分比 = 80      // 宽度80%
设置 图片1.高度 = -1            // 高度自动（保持比例）
// 注意：ScalePictureToFit 属性设为 真

// 根据屏幕宽度调整按钮间距
当 Screen1.初始化 时
  如果 Screen1.宽度 < 360 则
    // 小屏：按钮竖排
    设置 水平布局1.可见 = 假
    设置 垂直布局1.可见 = 真
  否则
    // 大屏：按钮横排
    设置 水平布局1.可见 = 真
    设置 垂直布局1.可见 = 假

✅ 推荐做法：
- Screen.Sizing = 响应式
- 宽高用百分比或充满父级
- 字体大小动态计算
- 用垂直/水平布局，不用绝对布局
- 图片高度设为自动

❌ 避免做法：
- 固定像素宽高（除非有特殊需求）
- 使用绝对布局（TableArrangement）定位
- 固定字体大小（小屏会太小，大屏会太小）
- 图片宽高都固定（会变形）