1

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

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

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

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

你知道max-width被带到哪里吗？这可能会在两个页面之间产生差异？

HTML 会以某种方式影响 的大小min-width吗？

4

1 回答 1

1

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

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

https://hacks.mozilla.org/2013/09/css-length-explained/

于 2013-09-18T18:29:45.197 回答