文章/答案/技术大牛

发布

社区首页 >问答首页 >HTML/CSS -在移动设备上点击时放大所选标签

问HTML/CSS -在移动设备上点击时放大所选标签
EN

Stack Overflow用户

提问于 2021-05-04 06:05:23

回答 1查看 23关注 0票数 0

我有一个带有选项的选择菜单。

当我在移动设备上点击此菜单时，它会稍微放大它。是不是有一个-webkit属性或什么东西导致了这种情况？

我如何更改它，使其不放大屏幕时，选择菜单是轻点？

请看下面的gif。

<select class='example'>

  <option>Example</option>
  <option>Example</option>
  <option>Example</option>
  <option>Example</option>
  <option>Example</option>
  <option>Example</option>

</select>

html

css

webkit

javascript

回答 1

Stack Overflow用户

回答已采纳

发布于 2021-05-04 06:08:35

是的，有些手机和平板电脑在与表单元素交互时会出现这种情况。将此元标记添加到您的<head>应该可以解决您的问题：

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

下面是关于它的用途和工作原理的详细解释：https://thingsthemselves.com/no-input-zoom-in-safari-on-iphone-the-pixel-perfect-way/

票数 2

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/67376390

复制

相似问题

问HTML/CSS -在移动设备上点击时放大所选标签
EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问HTML/CSS -在移动设备上点击时放大所选标签EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问HTML/CSS -在移动设备上点击时放大所选标签
EN