Tom*_*ier 2 safari button width ipad
我有以下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中运行此代码时，按钮变宽了。按键有最小宽度吗？这个宽度可以覆盖吗？
回答我自己的问题：显然， <button> 的最小宽度取决于字体大小。因此，通过将字体大小设置为 0，我可以使按钮变小。我确实意识到，小按钮在 iPad 等触摸驱动设备上使用时效果不佳，因此我可能会创建一个替代的、更适合触摸的 UI 版本。
刚才遇到了同样的问题。我进行了小型试验/研究，结果表明字体大小会影响水平填充（左右两边）。因此，要解决此问题-明确说明padding: 0或需要其他填充。iOS 11.2，iOS 10.3.3