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

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

解决方法:只需在页面头部加入两句 <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');

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

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值