css教程

禁止手机端输入文字时页面自动放大

我的站长站 2020-11-01 人阅读

安卓的我的站长站不确定有没有这种效果,苹果浏览器是有这种浏览器输入文字就放大页面的效果。这种效果本质是放大页面让用户看得更清晰,但是有时候会改变页面布局就非常丑了。

更不能忍的就是输入完成,关闭了输入框,页面还是放大的效果,并没有回复原来的比例,非常影响输入完成后期的使用,所以必须去掉这个效果。

禁止手机端输入文字时页面自动放大
手机端放大截图

处理方法非常简单,只需要在页面头部加上下面这段代码,禁止放大就可以了。

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


最新更新