如果其大小为 660 像素，则删除徽标文本答案

【问题标题】：Remove the logo text if its size is 660 pixels如果其大小为 660 像素，则删除徽标文本
【发布时间】：2021-09-30 04:02:37
【问题描述】：

我有一个标志，如果尺寸宽度为 660 像素，我想删除标志的文字。

当我用 CSS 去掉文本时

@media (width <= 660px) {
  .LogoMonni-text {
    display: none;
  }
}

svg 大小保持不变。从徽标中删除文本时，我想更改 viewBox 的值。可以吗？

【问题讨论】：

【解决方案1】：

你应该像这样使用媒体查询：

@media (max-width: 660px) {
  .LogoMonni-text {
    display: none;
  }
}

【讨论】：

【解决方案2】：

您不能使用宽度 >= 660px（使用最小值和最大值）

@media (max-width:660px) {
      .LogoMonni-text {
        display: none;
      }
    }

【讨论】：