本文共 413 字，大约阅读时间需要 1 分钟。

一、需求问题

在公司的项目开发中，我们经常需要开发移动端的项目。但是，在移动端中，点击输入框的时候，网页页面会自动放大或者缩小。这个也并不是我们所想要的，我们只需要向输入框中输入内容就可以了。

二、需求分析

针对移动端的这个问题，我们需要分两种情况进行考虑，安卓端和苹果端。如果是对于安卓手机端，我们可以设置名为viewport的meta标签，设置 minimum-scale、maximum-scale和user-scalable的值就可以了。如果是苹果手机端，只设置meta标签的一些值是不起作用的，解决不了移动端点击输入框自动放大缩小。这个时候，我们可以写一个js封装函数去解决，当页面加载完以后就会触发该函数。

三、需求实现

1. 安卓手机端

设置代码如下所示：

下面是对于一些参数的说明：

//在移动浏览器上页面渲染是在一个叫viewport的页面绘制区域内
   

2. 苹果手机ios端

设置的代码如下所示：