我有这个密码:

<select>
    <option value="c">Klassen</option>
    <option value="t">Docenten</option>
    <option value="r">Lokalen</option>
    <option value="s">Leerlingen</option>
</select>

在iPhone上的全屏网络应用程序中运行.

当从这个列表中 Select 某个元素时,iPhone会放大select个元素.并且在 Select 某些内容后不会缩小.

我怎么才能防止这种情况发生呢?还是缩小?

推荐答案

这可能是因为浏览器试图zoom 区域,因为字体大小小于阈值,这通常发生在iPhone中.

赋予metatag属性"user scalable=no"将限制用户在其他地方zoom .由于问题仅限于select元素,请try 在css中使用以下内容,这种攻击最初用于jquery mobile.

HTML:

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

CSS:

select{
font-size: 50px;
}

SRC:unzoom after selecting in iphone

Html相关问答推荐

值更新时旋转数字动画

网格容器中的定心元件

在浮动元素旁边垂直居中

容器内的SVG图像没有响应

在iOS中调整HTML邮箱内容的大小

我应该怎么做才能显示出整个字符串?

每个元素的CSS网格高度相等,以保持响应性

如何使背景图像在面包屑中相互重叠

根据Tailwind CSS中的子计数而非子宽度进行对齐,并水平对齐

复制两个

会产生一个空行;复制

元素不会

::可点击图标之前

如何从 div 内的图像中删除填充而不从其他所有内容中删除填充?

Tailwind 网格行高度可防止拉伸到最高行的所有相同高度

子元素放在文本样式之后,样式会 destruct

主要元素内滚动时,固定导航栏会消失

如何制作一个布局,其中左侧固定为图像,右侧为按钮,中心或中间位置为文本?

如何将图像移动到父容器的右侧?

提交前的验证表单未显示任何验证消息?

CSS 网格自动高度不适用于特定网格区域

水平滚动框不显示所有元素