欢迎光临精准像素,本站所有资源仅供学习与参考,禁止用于商业用途或从事违法行为!

css教程

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

css教程 精准像素 2020-11-01 共63人阅读

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

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

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

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

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