Html 如何将这些媒体查询合并为一个？

好吧，这是一个愚蠢的问题，我正在昏厥或者其他什么的，但是我如何使用这个媒体，让它自动知道屏幕大小

@media (max-width: 600px) {
  .wm-booking-enduser-logo-bg {
    max-width:600px;
  }
}
@media (max-width: 500px) {
  .wm-booking-enduser-logo-bg {
    max-width:500px;
  }
}
@media (max-width: 400px) {
  .wm-booking-enduser-logo-bg {
    max-width:400px;
  }
}
@media (max-width: 300px) {
  .wm-booking-enduser-logo-bg {
    max-width:300px;
  }
}
@media (max-width: 200px) {
  .wm-booking-enduser-logo-bg {
    max-width:200px;
  }
}

---

从外观上看，您只需将

.wm booking enduser logo bg

自动扩展到视口的全宽。如果此元素不是限制大小的父元素的子元素，只需使用以下内容（无任何媒体查询）：

如果这不适合您，请添加评论

---

编辑：请注意，

max width

与

width

不同。后者明确设置宽度（即

。最终用户徽标bg

始终为全宽）。前者的意思是“不要将此元素拉伸超过其常规大小，但如果它超过某个大小，则缩小它”。

是

。wm booking enduser logo bg

直接指向`tag'的子元素？尝试添加最大宽度：100%，并使用“and”组合媒体查询。最后的问题是父div限制了大小。。最大宽度为100%；工作

.wm-booking-enduser-logo-bg {
    max-width: 100%
}