控件上的移动Web应用程序上的字体缩放问题

Question

我为移动设备，平板电脑和台式机设计了响应式应用程序 AngularJS v1.5.8 Bootstrap版本：＆＃39; 3.3.7＆＃39; Angularui-bootstrap版本：2.1.4

我正在使用CSS媒体查询处理响应行为，其视口大小如

@media (min-width: 786){
   body {
             font-size: 0.80vw !important;
    }

   .dropdown-menu {
             font-size: 0.80vw !important;
    }

   .form-control {
       font-size: 0.80vw !important;
        height:2.0vw !important;
    }

   .control-label {
       font-size: 0.80vw !important;
    }
}

使用像

这样的Bootstrap Column

<div class="col-xs-0 col-sm-2 col-md-2 col-lg-2"></div>

我在“布局”页面中添加了元标记

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

我也试过跟随

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

问题： - 在移动视口[特别是Android]中，当我点击页面的任何控件时，Control会缩小并放大网页字体（字体变得太小而无法阅读） - 见下图。

Click here to view image

如何修复此字体放大/缩放问题??? 测试移动设备有Android版本6.0.1 以下是供参考的图片。当我们点击控件字体缩小时。