怎么让手机浏览器和微信焦点在文本输入框时不自动放大页面_html/css_WEB-ITnose

WBOY
發布: 2016-06-24 11:20:49
原創
2106 人瀏覽過

方法一:禁止页面缩放

在head标签中加入以下代码

登入後複製

content的解释

width=device-width //宽度等于设备屏幕宽度initial-scale=1.0  //初始缩放比例minimum-scale=1.0  //最小缩放比例maximum-scale=1.0  //最大缩放比例user-scalable=no   //用户是否能进行缩放
登入後複製

二、通过设置input的字体来阻止

@media only screen and (min-device-width : 320px) and (max-device-width : 1024px) { select:focus, textarea:focus, input:focus { font-size: 16px !important; } }
登入後複製

浏览器也许认为,只有input中的字体大于等于16px时用户才能看得清楚。

资料引用

怎么让Android 浏览器焦点在文本输入框时不自动放大页面

來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板
關於我們 免責聲明 Sitemap
PHP中文網:公益線上PHP培訓,幫助PHP學習者快速成長!