たとえば、ブラウザを特定のサイズ (たとえば 200px x 200px) にドラッグしたときに背景色を変更する方法はありますか。幅200または高さ200のときに動作するようになりましたが、ブラウザが幅200および高さ200の場合にのみ変更されるようにしたいです。or ではなく and になるように、2 つのクエリを組み合わせるにはどうすればよいでしょうか。
これがコードです。両方の要求が満たされたときに機能する 1 つのクエリにそれらを結合する必要があります。
@media screen and (max-height: 500px) and (min-height: 490px) {
p{
color: red;
}
body{
background-color: blue;
}
@media screen and (max-width : 300px) and (min-width: 290px) {
p{
color: yellow;
}
body{
background-color: green;
}
それが明確であることを願っています、前もって感謝します