Web应用部署后真机移动端渲染bug DevTools模拟显示正常

问题现象 #

在桌面浏览器使用DevTools移动设备模拟模式查看Web应用设计效果，与部署后通过真实移动浏览器访问的展示效果存在明显差异：

• 本地运行拉取的项目源码时，即便开启浏览器DevTools的「移动设备」模拟功能，页面响应式表现均正常
• 访问已部署的线上项目时，在Android、iOS端真实移动浏览器中使用应用核心搜索功能（输入地点、日期查询天气预报）后，会出现部分div内容溢出的布局问题

DevTools模拟模式下功能与布局完全正常，无法定位问题根源，请求协助排查。

相关项目地址 #

• GitHub仓库：https://github.com/Janaina-MJ/FEND-Capstone-travel-app.git
• 项目部署地址：https://got-a-plan.herokuapp.com

补充说明 #

• 数月前该应用运行完全正常，已有一段时间未迭代该项目，近期使用时才发现这个新出现的bug
• 偶尔出现的图片加载顺序异常是已知待解决问题（目前仍在编程学习阶段），无需排查该问题

内容的提问来源于stack exchange，提问作者J-mj