css - 长内容的不同 CSS 规则

Question

如果页面的内容是“长”的，是否可以根据信息准备不同的样式来更改页面布局。我想在内容长时启用 CSS3 列，并在内容短时禁用它们。

你如何定义“长”？它是开放的——它可以是一定数量的段落、一些像素等。

可以根据浏览器窗口宽度更改样式的类似媒体查询：

@media only screen and (min-width: 1278px) {
    /* code for wide-screen window */
}

如果可能的话，我想使用纯 CSS 而不是 JavaScript（使用 JavaScript 很简单——我只需在测量页面偏移量后添加一个类）。

Answer 1

据我所知，媒体查询没有办法

高度属性的 w3 规范指定不是实际的内容高度，而是浏览器高度，类似于宽度属性。

我会按照您的描述使用快速的 JS 解决方案。