Css 最好只对移动设备和台式机使用媒体查询，还是不使用任何定义的媒体查询？

为了获得更好的性能，是否最好使用以下选项：

#A {
 background: #000;
 border-radius: 10px;
}

@media (min-width: 1025px) {
#A{ 
  margin: 10px;
 }
}

@media (max-width: 1024px) {
 #A {
  margin: 200px;
 }
}

或者这个：

@media (min-width: 1025px) {
#A{ 
  background: #000;
  border-radius: 10px;
  margin: 10px;
 }
}

@media (max-width: 1024px) {
 #A {
  background: #000;
  border-radius: 10px;
  margin: 200px;
 }
}

我想了解的是，根据屏幕大小，在媒体查询中使用“通用”

CSS

（不在媒体查询中）是否比只使用CSS更好

---

对不起，我的英文（和标题）。。。非常感谢！：）

第一种选择会更好。您只更改在媒体查询中更改的属性，而不是重置所有属性

样式的复制是一种代码气味，可能导致更大范围内无法维护的css

您可以进一步优化，并将其中一个边距设置为默认值，只有在到达断点时才覆盖

 #A {
   background: #000;
   border-radius: 10px;
   margin: 10px;
  }

  @media (max-width: 1024px) {
   #A {
    margin: 200px;
   }
  }

---

我首先关心的是：什么使CSS最短、最可维护。性能很少会受到关注。显然，在这种情况下，第一个例子获胜。如果要更改背景颜色和边框半径，在第一个示例中，您需要更改2行，在第二个示例中，您需要更改4行。此问题要么过于宽泛，基于观点，要么需要讨论，因此与堆栈溢出无关。如果你有一个具体的、可回答的编程问题，请提供完整的细节。这种风格也更容易在以后移植到CSS预处理器。