html显示1300px实际没有,html - @ media(min-width:1300px)和@media(min-width:1400px)在Bootstrap中不起作用,但采用@media(...

我通过将屏幕宽度设置为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。

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值