我通过将屏幕宽度设置为1200,1250,1300和1400 pixels来尝试一些CSS,如下所示:@media (min-width:1200px){
.navbar-expand-xl{-ms-flex-flow:row nowrap;flex-flow:row nowrap;-ms-flex-pack:start;justify-content:flex-start}
.navbar-expand-xl .navbar-nav{-ms-flex-direction:row;flex-direction:row;padding-left:5%;padding-right:5%;}
.navbar-expand-xl .navbar-nav .dropdown-menu{position:absolute}
}
@media (min-width:1250px){
.navbar-expand-xl{-ms-flex-flow:row nowrap;flex-flow:row nowrap;-ms-flex-pack:start;justify-content:flex-start}
.navbar-expand-xl .navbar-nav{-ms-flex-direction:row;flex-direction:row;padding-left:7%;padding-right:7%;}
.navbar-expand-xl .navbar-nav .dropdown-menu{position:absolute}
}
@media (min-width:1300px){
.navbar-expand-xl{-ms-flex-flow:row nowrap;flex-flow:row nowrap;-ms-flex-pack:start;justify-content:flex-start}
.navbar-expand-xl .navbar-nav{-ms-flex-direction:row;flex-direction:row;padding-left:10%;padding-right:10%;}
.navbar-expand-xl .navbar-nav .dropdown-menu{position:absolute}
}
调整屏幕时,1200像素和1250像素的屏幕尺寸工作正常。
但是当屏幕尺寸超过1250px和1300px时,宽度1300px的屏幕将不采用CSS。