iOS mobile web viewport user-scalable问题

Question

测试环境iOS7.04 safari

随便抓的百度页测试 http://deathfang.qiniudn.com/test1.html

<meta name=viewport content="width=300,initial-scale=1.0">

input focus时页面就自动放大了

但是https://accounts.google.com 也是同这样未禁用viewport的user-scalable ,input focus页面没有放大

求教下 google的实现方案

Answer 1

粗略测试 猜测结果是

input[type="text"], input[type="password"], input[type="number"], input[type="email"], input[type="tel"], textarea{
            font-size: 1.1428571428571428em;
        }

输入框字体大小大于body的，聚焦时页面就不会缩放了