是否可以覆盖iPad上Safari中按钮的最小宽度？
我有以下HTML页面：是否可以覆盖iPad上Safari中按钮的最小宽度？,ipad,button,safari,width,Ipad,Button,Safari,Width,我有以下HTML页面： <html> <head><style> * { margin: 0; padding: 0; border: none; } button { width: 14px; background: #F00; } </style></head> <body> <button></button> <button></button> <
<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>
*{边距：0；填充：0；边框：无；}
按钮{宽度：14px；背景：#F00；}
当我在任何桌面浏览器中运行此代码时，它都能完美工作；按钮的宽度为14像素。当我在iPad上的Safari中运行此代码时，按钮更宽。按钮有最小宽度吗？这个宽度可以被覆盖吗？回答我自己的问题：显然，最小宽度取决于字体大小。因此，通过将字体大小设置为0，我可以使按钮变小。我确实意识到，在像iPad这样的触摸驱动设备上使用小按钮是不好的，所以我可能会创建一个替代的、更为触摸友好的UI版本。刚才遇到了同样的问题。我做了一个小型试验/研究，结果表明字体大小会影响水平填充（左右）。 因此，要解决这个问题，请显式地声明
填充：0