• 微信号:Zh-y9213
您当前的位置:爱资源分享网 > > 网站源码 > 教程合集

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

栏目:教程合集时间:2021-11-21 01:29阅读数:74人阅读

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

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


<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里就好了!


资源均来自第三方,谨慎下载,前往第三方网站下载

本站所有文章、数据、图片均来自互联网,一切版权均归源网站或源作者所有。

如果侵犯了你的权益请来信告知我们删除。邮箱:737597453@qq.com