开发工具尺寸与屏幕截图尺寸

Question

我正在尝试调整引导模式窗口的大小。在Chrome开发工具中，我可以看到使用以下CSS规则适当地设置宽度和高度：

.manage-modal-dialog {
  width: 450px;
}

.manage-modal-content {
  width: 450px;
  min-height: 460px;
  max-height: 460px;
}

但是，当我截取模态并在图像编辑工具中测量它时，它会显示尺寸为562x574。不可否认，我可能会被错误地裁剪并被大约一个像素关闭，但这并不能解释我所看到的大像素差异。

我在各种浏览器（测试过的Chrome，Firefox和IE 11）中都看到了这一点，我可以确认调整开发工具中的width和min-height会按预期调整模式。

这种差异的原因是什么？我错过了什么吗？