Question

有2页，代码的某些部分重复，对于这部分代码，我应用这个CSS：

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

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

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

您知道max-width的位置吗？这可能会使两个页面产生差异吗？

HTML能否以某种方式影响min-width的大小？

Answer 1

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

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