用 react 编译后的 web mobile 页面，谁处理过 ios safari 浏览器下的兼容性问题？例如 chat 布局中，底部的 inputh 输入框当点击唤醒虚拟键盘后被遮挡问题、ios 以及 安卓浏览器下的安全区域问题、底部工具栏遮挡 input 输入框等问题。
› React
This topic created in 457 days ago, the information mentioned may be changed or developed.
21 replies • 2025-08-06 15:09:36 +08:00
 |
JoeJoeJoeAug 5, 2025
1
谷歌搜了一下, 感觉这篇文章可以参考: https://www.bytezonex.com/archives/pxNeyWj6.html
PS: op 的提问话术开始的时候让我有一丢丢的不适😂 可能是有点太敏感了 |
 |
2
最简单的处理安全区域的方式
``` padding-bottom: constant(safe-area-inset-bottom); padding-bottom: env(safe-area-inset-bottom); ``` 当然处理完安全区域你还会发现高度不对，拿 100%减去上面两个变量才是除去安全区域的高度。 PS：你提问的方式确实让人不适 |
1
 |
TimPeakeAug 5, 2025
4
看标题还以为有偿求兼职呢
|
 |
5
你这是请教问题的态度？
|
 |
6
@yph007595 +1 ，搁这使唤谁呢，最基本的礼貌都没有
|
 |
haishangrainAug 5, 2025
9
先学会说话再来问人
|
 |
10
@JoeJoeJoe 不是你敏感，这种放到现实中要这么提问的，你看有没有认鸟他。尊重是相互给的
|
 |
PineSongCNAug 5, 2025
11
@JoeJoeJoe 不敏感，这种人有什么好帮的
|
 |
uuundefinedAug 5, 2025
12
自己问 AI 啊，gemini 现在自带的 canvas 就是 react
|
 |
13
就这么说 我领导每个月给我发几万块的工资。 他都不敢这态度让我干活。。
|
 |
14
class DogOP {
needHelp() { console.log("Yes, I need help!"); } } const dog = new DogOP(); dog.needHelp(); |
 |
syntaxjAug 5, 2025
15
来个专业写移动 web 前端的～，React
🐶这样是不是就好了 善用符号 |
 |
suyuyuAug 5, 2025
16
`来个专业写 移动`这个空格感觉面相都在脑海里浮现了 (
|
 |
visperAug 5, 2025
17
还好不像以前看过的一些类似这样:"react 问题，来个吊大的。"
|
 |
19
@sjhhjx0122 抱歉兄弟，确实是我提问的方式不对，我本意是想找个专业写 react 的，付费帮我解决下 ios 与安装浏览器中的兼容性问题。
|
 |
SunzehuiAug 6, 2025
21
是不是你？
 |
Select Language