深圳市博士通科技有限公司

点击文本框后页面变大

2016/11/15 8:39:18   阅读:1799    发布者:1799

原因:HTML中默认是认为16px的字体,人才能看清楚,所以,当点击文本框的时候,
当前文本框会以字体16px的大小显示(即字体小于16px页面会变大)。
解决原理:设置文本框的的字体为16px;
解决方法:1:设置font-size: 16px;
2:加这段代码,获得焦点时字体强制成为16px的大小。
@media only screen and (min-device-width : 320px) and (max-device-width : 1024px) {

        \select:focus,textarea:focus,input:focus {

         font-size: 16px !important;

      }