CSS:宽度减小时隐藏列

时间:2011-07-28 23:02:21

标签: css

退房:http://thinkvitamin.com/

当您减小浏览器大小时,在某些时候,右列会消失。相当不错的降级,这使得设计非常灵活。但是,我没有看到任何特殊的CSS。这是Javascript,还是只能用CSS实现?

2 个答案:

答案 0 :(得分:9)

这是用纯CSS完成的,即使用CSS3的媒体查询。

规范:http://www.w3.org/TR/css3-mediaqueries/

教程:http://webdesignerwall.com/tutorials/css3-media-queries

浏览器支持:http://caniuse.com/css-mediaqueries(除IE8及更低版本外“无处不在”

答案 1 :(得分:0)

右边的部分消失的原因是因为他们的css上有这个:

width: 24%;
float: right;

如果宽度设置为固定宽度,则这些部分将落在文章的底部。