长内容的不同CSS规则

时间:2013-02-06 16:22:52

标签: css

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

你如何定义“长”?它是开放的 - 它可以是一定数量的段落,像素等等。

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

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

我想使用纯CSS而不使用JavaScript(使用JavaScript很简单 - 我只是在测量页面偏移后添加一个类)。

1 个答案:

答案 0 :(得分:1)

据我所知,无法使用媒体查询

height属性的w3规范指定不是实际内容高度而是浏览器高度,而不是宽度属性。

我会像你所描述的那样使用快速的JS解决方案。