您的位置:首页 > Web前端 > BootStrap

关于bootstrap自适应屏幕宽度学习

2020-08-01 21:33 651 查看
@media (max-width: 768px) {
/*没有设置.container类的宽度属性。这样当浏览器宽度小于768px时,.container框架的宽度为100%*/
/*在这个区域使用.col-xs选择器*/
.container {
}
}

@media (min-width: 768px) {
/*在这个区域使用.col-sm选择器*/
.container {
width: 750px;
}
}

@media (min-width: 992px) {
/*在这个区域使用.col-md选择器*/
.container {
width: 970px;
}
}

@media (min-width: 1200px) {
/*在这个区域使用.col-lg选择器*/
.container {
width: 1170px;
}
}


内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: