解决手机端点击输入框后页面会被放大问题

在测试手机端页面输入框时，点击后整个页面被放大，并且在离开输入框、点击页面其他地方，页面并不会恢复原来的比例，很影响美观

解决方法：只需在页面头部加入两句 <meta> 标签语句即可，若是用 WordPress 则在主题的 function.php 加入函数

// 手机端点击输入框防止页面放大
function mobile_input_disable_zoom() {
    echo '<meta content="yes" name="apple-mobile-web-app-capable">';
    echo '<meta name="viewport" content="width=device-width,height=device-height,initial-scale=1.0,maximum-scale=1.0,user-scalable=no">';
}
add_action('wp_head', 'mobile_input_disable_zoom');

保存后清理缓存，刷新手机端页面即可看到效果