当浏览器宽度为990px时,container的宽度是多少?

2025-03-13 11:17:35
推荐回答(1个)
回答1:

1、container的div左右两边有一个15px的padding(内边距),container-fluid类没有内边距
2、container在屏幕宽度小于等于767px的时候,宽度=屏幕宽度的,也就是100%,container-fluid不管屏幕宽度大小,一直是100%
3、屏幕宽768px:.container类的div左右会出现外边距(左右padding依然是15px),container-fluid类宽度不管屏幕宽度大小,一直是100%。
4、屏幕宽一直拉大(<1000px):.container类的div左右外边距margin一直增大,padding值和子div的宽度不变,屏幕拉大的部分都作用于margin上了。.container-fluid类宽度不管屏幕宽度大小,一直是100%。
5、屏幕拉大到1000px的时候,.container类的div左右外边距margin=15px,左右padding=15px。.container-fluid类宽度不管屏幕宽度大小,一直是100%。
990px时 container的宽度为990px-左右内边距(30px)-左右外边距