H5页面,ios点击input框,输入内容时,页面会自动放大,且失焦后需手动放小。
这是因为在移动端自适应宽度的代码中,没有把input的自动缩放关闭!一般常见于苹果手机的ios系统,而安卓系统似乎是默认关闭。
input框自动放大,虽然说有便于用户的输入和阅读,但也同时给用户带来了视觉的麻烦,所以一般情况下,我们都是选择关闭自动缩放的!
那么该如何关闭input输入框在手机端的这个缩放效果呢?
解决:
1,找到你的网页头部head的代码
2, 加入下面这段代码
<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
:用户是否可以手动缩放