Twitter bootstrap 对于大屏幕分辨率,增加容器宽度有哪些不同和更好的方法?

Twitter bootstrap 对于大屏幕分辨率,增加容器宽度有哪些不同和更好的方法?,twitter-bootstrap,responsive-design,Twitter Bootstrap,Responsive Design,对于大屏幕分辨率,增加容器宽度有哪些不同和更好的方法 我有集装箱宽度1020px和12列响应网格。我希望大屏幕的容器宽度增加,并根据屏幕分辨率从1400px及以上扩展到不同的宽度。使用CSS媒体查询!例如: 对于高于1400px的分辨率: @media (min-width: 1400px) { .container{ width: X px; } } 对于介于1020px和1400px之间的分辨率: @media (min-width: 1021px) and (max-w

对于大屏幕分辨率,增加容器宽度有哪些不同和更好的方法


我有集装箱宽度1020px和12列响应网格。我希望大屏幕的容器宽度增加,并根据屏幕分辨率从1400px及以上扩展到不同的宽度。

使用CSS媒体查询!例如:

对于高于1400px的分辨率:

@media (min-width: 1400px) { 
  .container{
    width: X px;
  }
}
对于介于1020px和1400px之间的分辨率:

@media (min-width: 1021px) and (max-width: 1399px) { 
  .container{
    width: X px;
  }
}
对于低于1020px的分辨率:

@media (max-width: 1020px) { 
  .container{
    width: X px;
  }
}
在此处阅读有关媒体查询的更多信息:

希望有帮助

请不要使用“bootstrap”标签,使用“twitter bootstrap”,因为它意味着其他东西