reactjs 仅苹果设备上的CSS溢出错误

jucafojl  于 2022-11-04  发布在  React
关注(0)|答案(1)|浏览(106)

我已经实现了一个网站的移动的版本http://www.ecss-jobs.com。我已经使用了一些媒体查询,对于笔记本电脑/中型设备为900 px,对于手机/小型设备为768 px。对于Apple设备(safari和chrome)、CSS打破了详细的工作列表页面。我觉得这非常奇怪,因为它在Chrome响应设计工具中工作完美时,选择所有的苹果设备...我相信所有的iPhone都会出现这种情况(测试过的iPhone 7和iPhone XR),尽管我无法在桌面上重现它。我怀疑这是因为我使用了一个特定的CSS属性,它对iOS webkit不起作用,但我只使用了flexbox,所以我希望它能起作用。
我不确定要附加CSS的哪些部分,但是React代码并没有被缩小,可以从源代码标签中找到。整个应用程序的概述可以在/static/js/App.tsx中找到,负责这个页面的特定模块在/static/js/components/JobDetails.tsx中(从源代码标签中)。提前感谢。
工作和不工作的示例如下:
苹果碎:

Android按预期工作:

相关问题