Bootstrap在ipad上更改容器宽度

Question

我想做的是;

我在Twitter Bootstrap上有一个“.container”类，我希望我的容器类像

.container{
  width: 900px (if on ipad)
  width: 970px (if computer)
}

我应该怎么做。我试过下面的鳕鱼，但是.container的宽度：900px也在电脑里。

@media (min-width: 768px) {
    .container{width: 900px!important;}
}

我应该如何更新该CSS。

提前致谢。

Answer 1

@media (min-width: 600px) {
    .container{max-width: 600px;width: 600px;}
}
@media (min-width: 768px) {
    .container{max-width: 900px;}
}
@media (min-width: 992px) {
    .container{max-width: 900px;}
}
@media (min-width: 1024px) {
    .container{width: 970px;}
}
@media (min-width: 1200px){
    .container{width: 1170px;max-width: 1170px;}
}

它解决了，谢谢大家