代码之家 › 专栏 › 技术社区 › Tommy Carlier

是否可以覆盖iPad上Safari中按钮的最小宽度?

width safari button ipad

Tommy Carlier · 技术社区 · 14 年前

我有以下HTML页面:

<html>
<head><style>
  * { margin: 0; padding: 0; border: none; }
  button { width: 14px; background: #F00; }
</style></head>
<body>
  <button></button>
  <button></button>
  <button></button>
</body>
</html>

当我在任何桌面浏览器中运行此代码时,它都能完美地工作;按钮宽14像素。当我在iPad上的Safari中运行此代码时,按钮会变宽。按钮有最小宽度吗?是否可以覆盖此宽度?

2 回复 | 直到 7 年前

Tommy Carlier 14 年前

回答我自己的问题:显然,<button>的最小宽度取决于字体大小。因此,通过将字体大小设置为0,我可以使按钮变小。我确实意识到,在iPad这样的触摸驱动设备上使用小按钮并不好,所以我可能会创建一个替代的、更易于触摸的用户界面版本。

Ruslan Zaytsev 7 年前

刚才遇到了同样的问题。我做了一个小的试验/研究,显示字体大小影响水平填充(左和右)。所以,要修复这个-明确的状态 padding: 0 或者其他你需要的填充物。 iOS 11.2、iOS 10.3.3

推荐文章

Joshua Fermin · 内联样式反应元素宽度

6 年前

aaaaa · 减少多重条形图R中的条形宽度

6 年前

user7937949 · 无自动的CSS宽度转换

7 年前

shioko · 为什么x%在Visual Studio中不是属性“width”的有效值?

7 年前

James Pointer · 锚标签未填充高度和宽度

7 年前

Tom O'Sullivan · 如何确定屏幕高度和宽度

7 年前

MrO · 如何使div的宽度与屏幕高度相同?

7 年前

user176105 · 调整大小时保持Jquery给定的宽度

7 年前

Sener · UiCollectionView单元格动态宽度

7 年前

ryanve · text区域最大宽度不受尊重

7 年前