IOS浏览器点击input时, 页面自动放大

IOS浏览器点击input时, 页面自动放大, 失去焦点时需手动缩放回原来的大小,并不能自动变成原来的大小。转载

这是因为在移动端自适应宽度的代码中,没有把input的自动缩放关闭!一般常见于苹果手机的ios系统,而安卓系统似乎是默认关闭。

input框自动放大,虽然说有便于用户的输入和阅读,但也同时给用户带来了视觉的麻烦,所以一般情况下,我们都是选择关闭自动缩放的!

那么该如何关闭input输入框在手机端的这个缩放效果呢?

解决:

  1. 找到你的html文件,替换head中的mate标签
    <meta name="viewport" content="width=device-width, initial-scale=1.0,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no">
  • width=device-width :表示宽度是设备屏幕的宽度
  • height=device-height :表示高度是设备屏幕的高度
  • initial-scale :初始的缩放比例
  • minimum-scale :允许用户缩放到的最小比例
  • maximum-scale :允许用户缩放到的最大比例
  • user-scalable :用户是否可以手动缩放
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容