如何組合以下查詢？請幫助我了解如何做到這一點。
@media only screen and (max-width: 576px) {
padding-left: 1rem;
padding-right: 1rem;
font-size: 1.1rem;
}
@media only screen and (min-width: 750px) and (max-width: 900px) {
padding-left: 1rem;
padding-right: 1rem;
font-size: 1.1rem;
}
uj5u.com熱心網友回復：
嘗試
@media only screen and (max-width: 576px), (min-width: 750px) and (max-width: 900px) {
/* Your code */
}
但是，我建議您將它們分開，因為第一個針對手機，第二個主要針對平板電腦和小型計算機。
有關更多資訊，請訪問https://www.w3schools.com/Css/css3_mediaqueries_ex.asp
uj5u.com熱心網友回復：
在您的問題中，您只需要添加一個逗號 ',' 來組合它們
@media only screen and (max-width: 576px), @media (min-width: 750px) and (max-width: 900px) {
padding-left: 1rem;
padding-right: 1rem;
font-size: 1.1rem;
}
建議：請注意，在您的示例中，您嘗試使用相同的樣式兩次應用 max-width。嘗試只添加一個最大寬度。如果你只是使用你的第二個代碼，那么結果也是一樣的。
但回到你的問題，有一些運營商用來操作 @media querries
這些是媒體查詢的運算子
- ,（逗號，在媒體查詢串列中用作 OR）
- 和
- 不是
- 只要
希望這能解決您的問題。享受 ！！！
轉載請註明出處，本文鏈接：https://www.uj5u.com/qianduan/359515.html