在safari浏览器下,页面输入框聚焦后,整个页面高度会向下缩小,输入框失焦后恢复正常;而且不是必现,是页面在手机后台半天后再打开激活才会出现的情况。
谷歌没搜索到相关safari浏览器的优化文档。
请问各位大佬知道怎么样才能阻止这种高度缩小的情况发生或者有相关文档吗?
蓝色部分是调试模式下的html标签区域
设置禁止页面缩放试一下:
<meta name="viewport" content="width=device-width,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no"/>
10 回答11.1k 阅读
5 回答4.8k 阅读✓ 已解决
4 回答3.1k 阅读✓ 已解决
2 回答2.6k 阅读✓ 已解决
3 回答5.1k 阅读✓ 已解决
3 回答1.8k 阅读✓ 已解决
5 回答1.9k 阅读
添加viewport
<meta name="viewport"content="width=device-width,user-scalable=no,initialscale=1.0, maximum-scale=1.0,minimum-scale=1.0">