如何让container适配iPad Pro skin屏幕宽度（其他skin正常）

以下是针对问题的具体排查方向，都是实际开发中容易踩的坑：

• 检查根容器的布局约束继承：别只盯着子forms和containers，根容器的配置才是关键。比如一个屏幕的根容器设了flex: 1或者width: 100%; height: 100%;，另一个可能写死了固定宽高，或者没继承父级的自适应属性，直接导致整个屏幕没法拉伸。
• 核对屏幕级别的初始化配置：很多框架里每个屏幕会有独立的viewport或resize监听设置。比如design screen加了window.addEventListener('resize', ...)来重新计算布局，playback screen漏加了；或者viewport标签里，一个设了width=device-width，另一个写死了width=1024，自然没法适配。
• 排查全局样式的污染：大概率是类名冲突了。比如全局CSS里有个.playback-screen的选择器，不小心加了max-width: 768px !important，直接锁死了尺寸；或者某个第三方样式库的规则只影响了其中一个屏幕的根元素。
• 检查动态渲染逻辑：如果屏幕内容是异步加载的，playback screen可能在resize触发之后才完成渲染，导致布局计算用了初始的固定尺寸，之后没重新触发布局更新。比如要确保数据加载完成后调用一次布局刷新方法。
• 核对模拟器皮肤的特殊规则：有些iPad Pro skin会针对特定的屏幕ID或根元素类名做适配。比如你的design screen根元素类是.responsive-screen，皮肤默认适配这个类，而playback screen用了.static-screen，自然没触发拉伸逻辑。

内容的提问来源于stack exchange，提问作者curtjacobs1