当前位置: 首页 > 知识库问答 >
问题:

前端 - iphone safari浏览器输入框 foucs 页面高度缩小,怎么样才能阻止?

申屠洛华
2023-05-24

在safari浏览器下,页面输入框聚焦后,整个页面高度会向下缩小,输入框失焦后恢复正常;而且不是必现,是页面在手机后台半天后再打开激活才会出现的情况。
谷歌没搜索到相关safari浏览器的优化文档。
请问各位大佬知道怎么样才能阻止这种高度缩小的情况发生或者有相关文档吗?


蓝色部分是调试模式下的html标签区域
image.png

共有2个答案

艾阳羽
2023-05-24

设置禁止页面缩放试一下:

<meta name="viewport" content="width=device-width,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no"/>
朱越
2023-05-24

添加viewport
<meta name="viewport"content="width=device-width,user-scalable=no,initialscale=1.0, maximum-scale=1.0,minimum-scale=1.0">

 类似资料: