主页 > 教程合集 > Html/css >

手机端点击input输入框会变大的解决方法

时间:2019-08-06 阅读:0

今天在测试资源站的时候,发现一个问题,我在手机上调出搜索输入框后,页面会拉大并定位到输入位置,只能手动缩小才会还原,这算是一个bug,在网上搜索了一番,找到解决方法:

手机端点击input输入框会变大的解决方法

之前我的页面是加了以下代码:


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

这个是移动端自适应宽度的代码,但是没有定义 user-scalable的用不自定义缩放是否关闭。

因此,只需要把下面代码给替换就好了:


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

如果你的网页没有我之前的那段代码也没关系,直接放这段代码在head里就好了!

本站所有资源均在余斗淘宝店铺有售,你可以扫描以下店铺二维码直接选购,自动极速发货。你也可以微信扫描二维码添加好友,直接微信索取更便捷!

余斗微信二维码

扫描微信加好友购买
了解更多

余斗淘宝店铺二维码

淘宝扫描二维码购买
自动发货

余斗余斗
  • 版权声明:原创文章由发表在Html/css分类下,2019-08-06最后更新,转载注明出处。

相关推荐

返回顶部