Css 为什么Chrome浏览器会更改边框大小而不将其设置为我请求的大小？_Css_Google Chrome_Google Chrome Devtools

Css 为什么Chrome浏览器会更改边框大小而不将其设置为我请求的大小？

css google-chrome google-chrome-devtools

Css 为什么Chrome浏览器会更改边框大小而不将其设置为我请求的大小？,css,google-chrome,google-chrome-devtools,Css,Google Chrome,Google Chrome Devtools,我试图理解为什么边框大小与我用CSS规则设置的大小不完全相同。这是，这是HTML： <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>P inside Body</title> <link rel="stylesheet" href="stylesheets/working.css"> </head> <body

我试图理解为什么边框大小与我用CSS规则设置的大小不完全相同。这是，这是HTML：

<!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8">
  <title>P inside Body</title>
  <link rel="stylesheet" href="stylesheets/working.css">
</head>

<body>

  <h2>Hello World!</h2>

  <p>
    Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam,
    eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo. Nemo enim ipsam
    voluptatem quia voluptas sit aspernatur aut odit aut fugit, sed quia consequuntur magni dolores eos qui ratione voluptatem
    sequi nesciunt. Neque porro quisquam est, qui dolorem ipsum quia dolor sit amet, consectetur, adipisci velit, sed quia non
    numquam eius modi tempora incidunt ut labore et dolore magnam aliquam quaerat voluptatem. Ut enim ad minima veniam,
    quis nostrum exercitationem ullam corporis suscipit laboriosam, nisi ut aliquid ex ea commodi consequatur? Quis autem
    vel eum iure reprehenderit qui in ea voluptate velit esse quam nihil molestiae consequatur, vel illum qui dolorem eum
    fugiat quo voluptas nulla pariatur?
  </p>

</body>

</html>

当我检查

元素时，我看到边框大小不完全是

3px

，而是

2.222

有什么线索吗

编辑/更新

我正在Mac OS X Yosemite上使用Chrome 46.0.2490.80版（64位）。确实，铬检查出现了问题。当我使用Firefox（

version41.0.2

）时，边框会正确显示，大小为

。Safari也是如此（

9.0版（10601.1.56.2）

）。它显示大小

那么，Chrome的“问题”是什么呢？

我认为您必须仔细检查css语法

border: solid 3px #f5eabe;

这是一个根本不明显的愚蠢错误。但是我想在这里发布这个问题的正确答案/解决方案，以便为可能遇到同样情况的其他人节省时间

问题是我的Chrome浏览器的缩放级别。这是在90%（这是不容易识别），这使得铬重新计算的大小使用缩放比例

当我将缩放重置为100%时，边框在开发人员工具箱模型上以正确的大小显示

整个故事真是令人困惑。因为其他属性是正确的。只有边界不正确

我在这上面花了很多时间。希望下一个不会出现。

这是一条评论，不是答案。或者您也可以在样式标记中设置css属性，您在哪个浏览器中看到这种情况？它跨越多个区域吗？我检查了Firefox 41和Safari 8，但无法复制。在Chrome 46.0.2490.80M版和Firefox 41.0.2.Hmmm版中没有任何问题。关于Firefox，你是对的。我会更新我的问题

border: solid 3px #f5eabe;