问题:

        点击input输入框等聚焦时Safari页面会整体放大,手动难以缩放回原页面大小。

“苹果觉得点击输入框放大是一个“很好”的体验,就擅自把页面给放大了。”

解决:

        禁止缩放,在index.html中添加meta设置:

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

拆解说明:

        initial-scale 属性控制页面最初加载时的缩放等级,即当页面第一次 load 的时候缩放比例。

        maximum-scale 属性控制允许用户缩放到的最大比例。

        minimum-scale 属性控制允许用户缩放到的最小比例。

        user-scalable 属性控制用户是否可以手动缩放。

Logo

前往低代码交流专区

更多推荐