如何基於條件媒體查詢應用 CSS？

Question

我有一個 WordPress 頁面，上面有三個 CTA 按鈕，當分辨率小於 576px 和 750px 到 900px 時，需要按照 CSS 應用這些按鈕。 請幫助我了解如何編寫條件媒體查詢以應用以下 CSS。

padding-left: 1rem;
padding-right: 1rem;
font-size: 1.1rem;

Answer 1

使用此查詢並將您的代碼粘貼到兩者中。

@media only screen and (max-width: 576px)  {...}
@media only screen and (min-width: 750px) and (max-width: 900px)  {...}