小编Div*_*ode的帖子

(它适用于其他浏览器,但不适用于chrome)

我想仅在浏览器大小小于1400px时应用样式

与max-width不工作

@media only screen and (max-width:1400px)  {
.heading-left {
    left: -0.5%;
  }
}

与min-width它的工作

@media only screen and (min-width:480px)  {
.heading-left {
    left: -0.5%;
   }
}

但是当浏览器宽度超过1400px时也会改变(我知道它是如何工作但最大宽度不起作用)

小提琴这个

https://jsfiddle.net/j4Laddtk/