Rumah > hujung hadapan web > html tutorial > 怎么让手机浏览器和微信焦点在文本输入框时不自动放大页面 - 沉默的人286

怎么让手机浏览器和微信焦点在文本输入框时不自动放大页面 - 沉默的人286

WBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWB
Lepaskan: 2016-05-20 16:51:07
asal
1969 orang telah melayarinya

方法一:禁止页面缩放

在head标签中加入以下代码

<span style="color: #0000ff;"><span style="color: #800000;">meta </span><span style="color: #ff0000;">name</span><span style="color: #0000ff;">="viewport"</span><span style="color: #ff0000;"> content</span><span style="color: #0000ff;">="width=device-width, initial-scale=1.0,minimum-scale=1.0,maximum-scale=1.0, user-scalable=no"</span><span style="color: #0000ff;">></span></span>
Salin selepas log masuk

content的解释

<span style="color: #000000;">width=device-width //宽度等于设备屏幕宽度
initial-scale=1.0  //初始缩放比例
minimum-scale=1.0  //最小缩放比例
maximum-scale=1.0  //最大缩放比例
user-scalable=no   //用户是否能进行缩放</span>
Salin selepas log masuk

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

<span style="color: #800000;">@media only screen and (min-device-width : 320px) and (max-device-width : 1024px) </span>{<span style="color: #ff0000;"> select</span>:<span style="color: #0000ff;">focus, textarea:focus, input:focus { font-size: 16px !important</span>; }<span style="color: #800000;"> }</span>
Salin selepas log masuk

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

资料引用

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

Kenyataan Laman Web ini
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn
Tutorial Popular
Lagi>
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan