SHEIN 近期计划推出一个新的促销活动页面，要求页面响应式布局，在不同设备上都能有良好展示。但在开发过程中，测试发现部分老旧手机上页面布局错乱。如果你是前端工程师，你会如何解决这个问题？

答题要点

推荐使用 STAR 法则来回答。Situation（情景）：阐述当前面临的问题，即新促销活动页面在部分老旧手机上布局错乱。Task（任务）：明确需要解决页面在老旧手机上的兼容性问题。Action（行动）：可从以下几个要点展开。首先，使用浏览器调试工具，定位具体是哪些老旧手机出现问题以及问题所在的代码区域。其次，检查代码中是否使用了老旧手机不支持的 CSS 属性，若有则进行替换。再者，采用媒体查询，针对不同设备屏幕尺寸编写适配的 CSS 样式。最后，对修改后的代码进行充分测试。示例话术：在这种情况下，我会先利用浏览器调试工具找出问题所在，然后检查代码中是否有不兼容的属性并替换，接着通过媒体查询来适配不同设备，最后进行全面测试，确保页面在老旧手机上也能正常显示。