react开发的SPA,苹果浏览器不兼容问题。
用chrome调试,用安卓其他浏览器真机调试,布局都正常显示。
然而,苹果手机所有浏览器 和 安卓QQ浏览器腾讯X5内核,打开项目,布局乱了。这会是什么原因?
遇到这样的问题该怎么办呢?
如下图1是正常的布局。
如下图2是布局乱了。
react开发的SPA,苹果浏览器不兼容问题。
用chrome调试,用安卓其他浏览器真机调试,布局都正常显示。
然而,苹果手机所有浏览器 和 安卓QQ浏览器腾讯X5内核,打开项目,布局乱了。这会是什么原因?
遇到这样的问题该怎么办呢?
如下图1是正常的布局。
如下图2是布局乱了。
react最后生成的也只是普通的html,归根到底是你html和css在不同环境下表现不一样。
一个可能的原因是在dpr的影响下,两种环境下的高度出现偏差导致。
10 回答11.1k 阅读
6 回答3k 阅读
5 回答4.8k 阅读✓ 已解决
4 回答3.1k 阅读✓ 已解决
2 回答2.6k 阅读✓ 已解决
3 回答1.8k 阅读✓ 已解决
3 回答2.3k 阅读✓ 已解决
试试用这个调试,检查样式前缀。进行单独样式调整 https://chon.io/blog/safari-i...