在上面的屏幕截图中，谷歌浏览器的(元素/网络)检查器工具显示菜单项的尺寸为 547 x 308 像素。
现在，我能确定所有现代浏览器(IE9 及更高版本、Chrome、Opera、Firefox)也能通过完全相同的尺寸识别菜单项吗？如果不是，它有何不同？ (例如字体渲染？)
编辑: 我使用 CSS 重置样式表。更具体地说，我使用 Normalize.css , 这很受欢迎。
最佳答案
你不能确定。原因是浏览器具有所谓的用户代理样式表。这些是浏览器可以设置的默认样式，好吧，无论他们想要什么。例如，Chrome 的用户代理样式表定义了 p 标签的顶部和底部边距。
为确保显示相同的内容，您需要覆盖用户代理样式表。最好的方法是使用所谓的 CSS 重置样式表，它会尝试删除浏览器定义的任何属性。
您可以阅读所有关于用户代理样式表的内容 here .和 here are some CSS reset stylesheets .
关于html - 如果浏览器的元素检查器说元素的宽度是 300px，我能确定它在所有浏览器中都是一样的吗？，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/13977498/