注意:這不是一個重復(fù)的問題，請在標(biāo)記為重復(fù)之前閱讀兩遍，我在stackoverflow上看到了類似的問題，但我在那里找不到我的答案。

我目前正在將我的CSS代碼轉(zhuǎn)換為SCSS代碼，并使用mixins進行媒體查詢，如下所示。

@mixin for-phone-only {
  @media  screen and (max-width: 700px) {
    @content;
  }
}

.app_sidebar {
  background-color: set-color(primary, 900);
  box-shadow: 0 0 15px 0 set-color(primary, 100);
  flex: 20%;
  z-index: 1;

  @include mq.for-phone-only {
    flex-direction: column;
  }
}

.app_main_block {
  background-color: #1e98d7;
  
  @include mq.for-phone-only {
    flex-direction: column;
  }
}

在實現(xiàn)這種方法時，我注意到它為每個選擇器生成了多個相同大小的媒體查詢，按照我的理解，應(yīng)該只有一個相同大小的查詢。雖然代碼按預(yù)期工作，但我想知道這種重復(fù)是否會引起任何問題或顧慮。

使用SASS mixins時，有多個相同大小的重復(fù)媒體查詢會有問題嗎？這種方法有任何性能影響或潛在的缺點嗎？我應(yīng)該擔(dān)心冗余嗎，或者這在SASS中是可以接受的做法嗎？

我將感謝任何見解，最佳做法，或替代解決方案，以優(yōu)化我的SASS中的媒體查詢，同時避免不必要的重復(fù)。

我讀了下面的文件和問題，沒有合適的答案。

使用sass @mixin和@content時會出現(xiàn)多個媒體查詢問題 https://benfrain . com/inline-or-combined-media-queries-in-sass-fight/ https://medium . com/front-end-developers/the-solution-to-media-queries-in-sass-5493 ebe 16844 # . z9 OSB 8t 01

謝謝大家！