我已经上传了一个示例页面 https://bobdn.com/Temp.aspx。
此页面只有一个 jquery UI 按钮。
为什么这在 Firefox 中看起来很小。填充和字体大小看起来都很大。它在镀铬中看起来不错。
如何使两个浏览器的大小（填充，字体等）相等？？
问问题
1383 次
2 回答
2
我猜它是<input>元素的不一致渲染。我可以验证每个浏览器之间的渲染是不一致的，有 2px 的高度差。
如果您可以改用一个<button>元素，您可能会发现它在不同浏览器之间的渲染更加一致，尽管您很可能必须自己调整填充。
完成后，您需要尝试显式设置任何相关样式，而不是依赖默认值。这包括：行高、填充、字体大小、边框宽度等等。每个浏览器都有自己的默认值。如果要保持一致性，则必须提供替换默认值的 css。
于 2012-04-12T11:08:55.153 回答
0
我通过明确设置默认值解决了这个问题。
前任。我创建了一个带有 padding:2px 的 input.navigation_button CSS 类（Chrome 在我的按钮上有零填充）。
于 2012-04-20T19:23:10.523 回答