Why - ios 上聚焦输入框出现页面缩放

问题描述

ios 的浏览器上访问网页, 点击聚焦到输入框上出现页面整体放大的现象, 取消聚焦后却无法恢复到放大前的状态

原因

ios 针对文字大小小于或等于 15px 的输入框会触发自动缩放的机制, 这是他们的设计问题

解决方案

调整输入框的文字大小为 15px 以上

input {  
 font-size: 16px !important;
}