Css @媒体查询仅适用于该宽度

我以768px的速度为responsive编写css，但该设计仅显示768的宽度，仅比我的样式折叠的宽度小

@media only screen and (max-width: 768px) {
  .logo {
    flex: 0 0 100% !important;
    max-width: 100% !important;
    text-align: center;
    padding-bottom: 10px;
  }

  .header-middle-box .col-md-3 {
    flex: 0 0 33%;
    max-width: 33%;
  }
}

@media only screen and (max-width: 555px) {
  .header-middle-box .col-md-3 {
    flex: 0 0 100%;
    max-width: 100%;
    text-align: center;
  }
}

问题解决

我只是为特定的宽度添加了单独的媒体查询 @仅介质屏幕和（最小宽度：556px）和（最大宽度：768px）{}

并为该宽度编写自定义css:）thnx，感谢您的友好回复

---

-Riyas

那么，你的问题是什么？在这里了解“仅媒体屏幕和（最大高度：…）”：我对768的媒体查询仅适用于768px小于768的767765，直到555未应用该样式，我需要应用768px unitl样式556@RiyasAhamed-您尝试过介质（最大宽度：768px）和（最小宽度：556px）吗？是，但不工作