禁止iphone上input[type='text']自動放大

如果font-size小於16px,瀏覽器將自動放大，然而，元素的默認font-size是11px(至少在chrome和safari).所以設置元素的樣式至少爲16px就不會產生放大效果。另，select元素必須附加focus僞類：

input[type="color"],
input[type="date"],
input[type="datetime"],
input[type="datetime-local"],
input[type="email"],
input[type="month"],
input[type="number"],
input[type="password"],
input[type="search"],
input[type="tel"],
input[type="text"],
input[type="time"],
input[type="url"],
input[type="week"],
select:focus,
textarea {
  font-size: 16px;
}

可選的解決方案就是令元素繼承父元素的樣式：

body{
    font-size:16px;
}
input[type="text"]{
    font-size:inherit;
}

或者設置meta tag 爲: <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1"/>只需添加maximum-scale = 1，但忽略其他答案中建議的用戶比例屬性, user-scalable=0。因爲禁止用戶縮放是個壞主意。用戶可以自由縮放是一項基本的輔助功能，不能剝奪用戶這一權利。

原文鏈接