我已经上传了一个示例页面 https://bobdn.com/Temp.aspx .
这个页面只有一个 jquery UI 按钮。
为什么这在 Firefox 中看起来有点大。 padding 和 font-size 看起来都很大。 它在 chrome 中看起来不错。
如何使两个浏览器的大小(填充、字体等)相等？？
最佳答案
我猜这是 <input> 的不一致渲染元素。我可以验证每个浏览器之间的渲染不一致，有 2px 的高度差异。
如果你可以使用<button>元素，您可能会发现它在不同浏览器之间的呈现更加一致，尽管您很可能必须自己调整填充。
完成后，您需要尝试明确设置任何相关样式，而不是依赖默认值。 这包括:行高、填充、字体大小、边框宽度等等。 每个浏览器都有自己的默认值。 如果你想要一致性，你必须提供替换默认值的 css。
关于css - 为什么 jquery ui 按钮在 Firefox 和 Chrome 中看起来不同，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/10121131/