Question

我以768px的响应速度编写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;
  }
}

Answer 1

已解决问题

i只需为该特定宽度添加单独的媒体查询 @media only屏幕和（最小宽度：556像素）和（最大宽度：768像素）{}

并为该宽度编写自定义css :) thnx，以用于您的回复

-Riyas

@media查询仅适用于该宽度

1 个答案: