CSS 4列，调整大小

我看到这个页面http://demo.smartaddons.com/templates/joomla3/sj-joomla3/并想知道如何做同样的页脚，当你减小屏幕的大小时，元素保持在另一个之上。CSS 4列，调整大小

我看了看源代码，但并不理解我。我不想使用Joomla，我会使用纯CSS和HTML。

tks

这就是所谓的响应，听说过它：

您可以在您的CSS宣告这一套呢？尝试作为启动程序引导为10。 – Alex

Media Query，Typography，Bootstrap网格是您正在寻找的答案。 –

这就是所谓的响应页面。

使用CSS3，您可以设置页面宽度的限制。如果页面达到此限制，则样式会更改以适应新的尺寸。在您展示的示例中，屏幕在屏幕达到1200像素的位置有一个限制，而在979像素及以下的位置有另一个屏幕。

@media (min-width: 1200px) { 
    /* Your code here */ 
} 

@media (min-width: 979px) { 
    /* Your code here */ 
}

2014-01-06 16:16:57 Digger

你正在谈论的页脚混合了几个CSS属性。但最项重要的，以获得“有求必应效应”是floats和media queries

你会发现inforamtion有关媒体查询here和浮here

2014-01-06 16:05:06

回答