首页 > 文章列表 > 阻止iPhone在使用HTML的Web应用程序中进行缩放

阻止iPhone在使用HTML的Web应用程序中进行缩放

294 2023-09-18

给予一个meta标签属性 "user-scalable=no"将限制用户在其他地方进行缩放。 

通过将这个meta标签添加到你的头标签中,可以完全阻止缩放。这告诉移动浏览器使用相同的宽度比例,并且不允许用户进行任何缩放,从而也禁用了这种烦人的行为。然而,有人可能会认为这不是处理问题的一种非常用户友好的方式。

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

使用<select>元素与一个或多个<option>元素配合使用,可以为网页表单创建一个下拉选项列表。<select>元素创建列表,每个<option>元素在列表中显示为一个可用选项。

通过将输入字段的字体大小设置为16px(或更大),我们可以防止浏览器在焦点上放大。请注意,我们使用设备的宽高比仅为具有指定设备宽高比的设备设置16px的字体大小。

select{
   font-size: 40px;
}