彻底完美解决安卓苹果手机点击输入框网页页面自动放大缩小
为了方便用户的查看浏览器在移动默认设置用户可以放大或者缩小,
但是随着前端届的日新月异的变化,反而随意放大缩小成了我们需要解决的问题;
安卓手机解决方案:
// 以下为注释 //在移动浏览器上页面渲染是在一个叫viewport的页面绘制区域内。
其实使用meta标签可以解决安卓手机的的放啊或者缩小的问题,但是meta标签在苹果手机上的作用却是 const meta = 0(哈哈,就是没有作用)苹果手机还有点击input输入框自动放大的功能,认为这样用户体验好。
其实不然,这也是我们煞费苦心需要解决,这时候使用meta=viewport,是没有效果的,我们网上千奇百怪的方法感觉都没有效果,这里向大家分享一下,终极干货,使用JS使IOS无法缩小放大;
IOS端解决方案:
注意:IOS端input字体最小为16px,否则系统会自动触发聚焦放大
希望大家使用有效果可以留言支持,或者请我喝杯咖啡~