微信公众号搜"智元新知"关注
微信扫一扫可直接关注哦!

Chrome 开发工具:屏幕尺寸与“元素 > 计算”尺寸

如何解决Chrome 开发工具:屏幕尺寸与“元素 > 计算”尺寸

Chrome Dev Tools - Screen Size Dimensions

我正在使用 Angular Material 并在 Angular CDK Layout 包中使用 Breakpoint Observer。 在将我的小尺寸屏幕断点设置为 720px 时,我发现该断点响应的是 Chrome Dev Tools 的“元素 > 计算”框中出现的数据,而不是出现在屏幕右上角的数据。

我的问题是:

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

  2. 如果我的边距/边框/内边距都为 0,为什么尺寸甚至会有差异?

版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。