手机访问时页面有input文本框输入内容时放大的问题

仿站网今天给大家分享的是手机访问时页面有input文本框输入内容时放大的问题，希望大家喜欢，

最近做的微信网站有一个关于input输入框页面放大的问题。比如登录页面刚打开时正常，但用户输入信息登录时，页面就会放大。

只要是问题，无论大小总要去花时间去学习，和寻找解决方法，所以，我们呢就是遇到一个问题，一定要记住一个问题，如果用脑袋记忆容易忘的话，那么，你可以有一个网络日记，

然后把自己需要记得地方直接写在网络日记里面，以后我们需要用的时候就可以直接去搜索，然后将代码拿出来用了。确实是很方便，

那么在什么时候会出现这个手机页面有input输入内容时放大问题呢？

就是在我们做手机网站的时候，和微信网站的时候，我们会碰到这样的问题，就是网页里面有个文本框，然后我们点击的时候，这个文本框就会自动放大。

当然如果这样自动放大的话，用户体验可能不好，那么我们要来解决这样的问题。

当然因为手机网站相对pc网站开始的还挺早，所以有些问题我们见到之后不知道如何去找到解决方法。

那么我们今天遇到了，就去记下。

解决这个问题，首先需要在头部加一个

<meta name="viewport" content="width=720,inital-scale=1.0,user-scalable=no;">

再加一个如下的css样式：

input,input:focus,input:active{user-select: text;}

问题就解决了，有类似问题的同学可以试试。