Gemeinschaft Lernen Tools-Bibliothek Freizeit

Deutsch

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

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

WBOY

Freigeben： 2016-06-24 11:20:49

Original

2263 Leute haben es durchsucht

方法一：禁止页面缩放

在head标签中加入以下代码

<meta name="viewport" content="width=device-width, initial-scale=1.0,minimum-scale=1.0,maximum-scale=1.0, user-scalable=no">

Nach dem Login kopieren

content的解释

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

Nach dem Login kopieren

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

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

Nach dem Login kopieren

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

资料引用

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

Verwandte Etiketten：

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

Quelle：php.cn

Vorheriger Artikel：css笔记_html/css_WEB-ITnose Nächster Artikel：HTML和XML的区别_html/css_WEB-ITnose

Erklärung dieser Website

Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn

Neueste Artikel des Autors