屏幕宽度和元素宽度在检查元素时不对齐？

Question

我在使用检阅元素工具调整页面大小并观察元素时，发现当我的屏幕显示为599px宽（显示在页面的右上角）时，扩展为屏幕整个宽度的图像显然只是580像素宽。

是什么原因导致缺少19个像素？ 哪个宽度正确？ 我认为这是显示在右上角的宽度，因为当我将宽度增加1 px时触发了css断点，但是我对此差异感到困惑。

Answer 1

由于右边的滚动条，您从值中缺少19个像素。 Devtools会显示整个页面的实际尺寸，而突出显示一个元素只会给出该元素的尺寸，当计算其自身宽度时，该尺寸会自动考虑滚动条。