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

解决移动端点击搜索按钮后整个页面被放大问题

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

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

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');