angular-material - Chrome 开发工具：屏幕尺寸与“元素 > 计算”尺寸

Question

我正在使用 Angular Material 并在 Angular CDK 布局包中使用 Breakpoint Observer。在将我的小尺寸屏幕断点设置为 720px 时，我发现断点响应出现在 Chrome 开发工具的“元素 > 计算”框中的数据，而不是屏幕右上角显示的数据。

我的问题是：

1. 为什么断点会根据“元素 > 已计算”框中的屏幕大小与 rt 上角显示的内容做出响应？

2. 如果我的边距/边框/填充都为 0，为什么尺寸会有差异？

标签： angular-materialgoogle-chrome-devtools