Mobile 这个最大宽度（@media）CSS来自哪里？

共有2页，其中部分代码重复，对于这部分代码，我应用以下CSS：

@media (max-width: 767px) {
    .sliderContent {
        width: 100%;
    }
}

当我在iPhone上查看一个页面时，它会加载此CSS，但另一个页面不使用此样式

我在两个页面中都添加了一个带有屏幕大小的警报，并且两个页面的宽度都相同

您知道

最大宽度的位置吗？这可能会造成两页之间的差异

HTML会以某种方式影响
最小宽度的大小吗？
最大宽度是以css像素为单位的视口宽度。该声明的意思是，当视口宽度小于767px时，应用.sliderContent样式

它应用于iPhone的原因是报告的宽度小于767px。如果您在较新的浏览器（IE9+、Chrome、Firefox等）中打开有问题的页面，并将窗口大小调整到767px以下，您将看到相同的结果

最大宽度是以css像素为单位的视口宽度。该声明的意思是，当视口宽度小于767px时，应用.sliderContent样式

它应用于iPhone的原因是报告的宽度小于767px。如果您在较新的浏览器（IE9+、Chrome、Firefox等）中打开有问题的页面，并将窗口大小调整到767px以下，您将看到相同的结果

为每页发布html或其示例，包括doctype声明（如果有）。为每页发布html或其示例，包括doctype声明（如果有）。谢谢！在iphone中，两个页面不应该有相同的视口？为什么一个视口小于767px，而另一个不小于767px？不同的页面在iPhone上显示的方式不同。如果是，请检查主体元标记中的视口声明<代码>
请参见此处，谢谢！在iphone中，两个页面不应该有相同的视口？为什么一个视口小于767px，而另一个不小于767px？不同的页面在iPhone上显示的方式不同。如果是，请检查主体元标记中的视口声明<代码>

请参见此处