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

Posted

技术标签:

【中文标题】是否可以覆盖 iPad 上 Safari 中按钮的最小宽度?【英文标题】:Is it possible to override the minimum width of a button in Safari on iPad? 【发布时间】:2011-04-16 04:53:47 【问题描述】:

我有以下 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 中运行此代码时,按钮更宽。按钮是否有最小宽度?这个宽度可以覆盖吗?

【问题讨论】:

【参考方案1】:

回答我自己的问题:显然,

【讨论】:

【参考方案2】:

刚刚遇到同样的问题。我进行了小型试验/研究,结果表明字体大小会影响水平填充(左右)。 因此,要解决此问题 - 明确声明 padding: 0 或您需要的任何其他填充。 ios 11.2、iOS 10.3.3

【讨论】:

以上是关于是否可以覆盖 iPad 上 Safari 中按钮的最小宽度?的主要内容,如果未能解决你的问题,请参考以下文章

window.print() 是不是适用于 iPad 上所有版本的 Safari?

ipad上的背景音频不会停止

iPad - Safari 状态栏覆盖部分网页,其中 apple-mobile-web-app-capable 设置为 true

使用 iPhone 和 iPad 的 Safari 中的传单地图问题

在safari中下载的ipa如何安装到ipad上?或者传输到电脑上?

Safari iOS13 iPad 上的全屏 PWA 具有带阅读器和“完成”按钮的 URL 栏,无法隐藏