是否可以使用基础4或引导程序向CSS添加条件属性?

时间:2013-10-27 21:00:01

标签: html css twitter-bootstrap responsive-design zurb-foundation

我的意思的一个例子:

我在div中有一个图像,当视口很大时我希望左对齐(并且它与另一个div中的另一个图像并排放置,每个图像占据6列)并且当时居中它很小(因为它将占据所有列)。我想知道它是否可能以及如何使用基础或引导程序。我们需要使用媒体查询吗?

很抱歉,但我还不明白,如果您使用的是CSS,或者您需要使用LESS。

谢谢,我希望你能帮我理解它在框架中是如何工作的。

1 个答案:

答案 0 :(得分:3)

我认为使用媒体查询是您最好的选择,对于您的具体示例,它将如下所示

@media (max-width:[SMALL SIZE]) {
   .divClass img{
      margin-left: auto;
      margin-right: auto;
   }
}


@media (max-width:[LARGE SIZE]) {
   .divClass img{
       float: left;
   }
}