@ media（min-width：1300px）和@media（min-width：1400px）在Bootstrap中不起作用，但采用@media（min-width：1250px）的样式

Question

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

这些question1和question2没有帮助。

Answer 1

我将代码放在其中一个页面中，它的样式为1300px。使用控制台，您可以看到1300px覆盖了先前的代码：

检查这些：

• 页面缩放率为100％
• 您正确编写了样式