为了获得更好的性能，最好这样做：
#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更好（取决于屏幕大小）。
对不起，我的英语（和头衔）...非常感谢！:)
第一种选择会更好。您仅更改了跨媒体查询更改的属性，而不是重置所有属性。
样式的重复是一种代码异味，并且在更大的规模下可能导致无法维护的css。
您甚至可以进一步优化并将边距之一设置为默认值，然后在遇到断点时才覆盖。
#A {
background: #000;
border-radius: 10px;
margin: 10px;
}
@media (max-width: 1024px) {
#A {
margin: 200px;
}
}
本文收集自互联网，转载请注明来源。
如有侵权，请联系[email protected] 删除。
我来说两句