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

网站前端教程 51源码 01-09 共人阅读

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

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

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

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

上一篇：IOS苹果浏览器按钮默认圆角的解决方法下一篇：CSS+JS简单的底部浮动搜索框效果代码栏目分类