css - 如何从某个断点将固定布局变成流体布局？

Question

我需要修复我的布局，直到窗口超过 960 像素宽。之后，它应该在保持先前网格系统的关系的同时保持流畅。这个问题有最佳实践吗？

Answer 1

这称为媒体查询。并且您可以使用它为特定宽度编写 css，从而将您的布局变成流畅的布局。

@media (min-width:400px) and (max-width: 950px) {
    /* your css for the fluid layout */
}

这是该http://webdesignerwall.com/tutorials/css3-media-queries的小指南