登录社区云，与社区用户共同成长
邀请您加入社区
这篇围绕 多设备布局别只看宽度：断点、输入方式和内容密度怎么一起拆 展开，把问题复现、边界拆分、代码处理和验证方式放在一起讲，重点是让开发者能照着定位并避免同类问题。
悬浮页签看起来只是把 Tabs 放到页面上方，但一旦碰到沉浸式页面、长列表、折叠屏和横竖屏切换，就很容易出现遮挡标题、挡住第一行内容、滚动后错位的问题。本文用两个可复现案例拆清楚：页签高度要进入布局计算，断点变化要重新计算吸顶位置。
折叠屏展开是平板、合上是手机——这种场景你写两套界面吗？显然不行。HarmonyOS7 提供了完整的响应式布局方案：断点系统 + GridRow/GridCol + 媒体查询，三件套一配，一套代码跑遍所有设备。今天就来拆解这套方案。我之前做的一个 App，手机上跑得挺好，上了平板就被吐槽"全是空白浪费屏幕"。后来用响应式布局改造，手机上一列、平板上两列、大屏上三列，一套代码搞定。整个改造过程其实没
折叠屏
——折叠屏
联系我们（工作时间：8:30-22:00）
400-660-0108 kefu@csdn.net
HarmonyOS开发者社区
