手机媒体查询

Question

我有一个使用Bootstrap 4.1的响应页面。当我使用Google开发工具并选择iPhone 6时，一切都会正确显示。我在“注释”下方的左下角包含了一个显示所选媒体查询的字段。

带有iPhone 6的Google开发人员正确显示并显示“ xs” ...

在我的实际iPhone 6上查看时，显示'md'...

为什么会这样？

修改 这是显示当前介质尺寸的代码...

%span.d-sm-none XS
%span.d-none.d-sm-block.d-md-none SM
%span.d-none.d-md-block.d-lg-none MD
%span.d-none.d-lg-block.d-xl-none LG
%span.d-none.d-xl-block XL