我有以下 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 中运行此代码时，按钮更宽。按钮有最小宽度吗？这个宽度可以被覆盖吗？
最佳答案
刚才遇到了同样的问题。我进行了小型试验/研究，结果表明字体大小会影响水平填充(左右)。
所以，要解决这个问题 - 明确声明 padding: 0或您需要的任何其他填充。
iOS 11.2、iOS 10.3.3
关于ipad - 是否可以覆盖 iPad 上 Safari 中按钮的最小宽度？，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/3777494/