利用 HTML 阻止 iPhone 在网络应用中放大\n


添加元标签属性 "user-scalable=no",这将禁止用户另行放大。

将此元标签添加到 head 标签,以彻底禁止放大。这告诉移动浏览器使用相同宽度比例,并且根本不允许用户放大,因此也禁用了这种烦人的行为。不过,有人可能会认为这不是处理此问题的非常用户友好方式。

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

与一个或多个 <option> 元素一起使用的 <select> 元素会创建一个下拉列表,列出 Web 表单的选项。<select> 元素会创建列表,并且每个 <option> 元素都会显示为列表中的可用选项。

将输入字段的字体大小设置为 16px(或更大)字体,即可阻止浏览器在聚焦时放大。请注意,我们使用设备纵横比仅为拥有指定设备纵横比的设备设置 16px 的字体大小。

select{
   font-size: 40px;
}

更新于: 04-03-2020

8K+ 浏览量

开启您的 职业 生涯

完成该课程并获取认证

开始
广告
© . All rights reserved.