Question

我一直在设计标题。标题设计现在是屏幕顶部的灰色条，其中徽标位于屏幕左侧，所有标题按钮位于右侧。标题按钮将向左滑动。

问题是徽标和标题会以特定分辨率重叠。我想要完成的是使它成为标题按钮不再以1280px的起始宽度移动。从1280px的宽度开始，我希望标题开始缩小。

有什么方法可以用CSS中的声明来做到这一点？如果没有，我怎么能这样做？

Answer 1

尝试使用css media query，您可以在其中为不同的分辨率设置不同的样式规则，这可能会解决标题按钮问题

Answer 2

你应该能够通过在css中使用@media来实现它。您可以定义相同的css类，以便对不同的宽度产生不同的影响，例如：

@media (max-width: 1280px) {
  .header-button {
    display: none;
  }
}

您可以在此处找到更多相关信息：