0

これがデスクトップでどのように機能するかは完全にはわかりませんが、ブラウザーのサイズを変更すると、向きが変わるはずです (高さが幅よりも大きく、サイズ変更後に逆になる場合)。

そうは言っても、次のコードがページロード時にのみ有効になる理由はわかりません。

@media all and (orientation: portrait) {
  .slider-slide {
    background-size: auto 100% !important;
  }
}
@media all and (orientation: landscape) {
  .slider-slide {
    background-size: 100% auto !important;
  }
}

基本的に、このコードでやりたいことは、向きに基づいて背景画像のサイズを変更することです。ページロード時にページのサイズを適切に変更した場合、両方とも機能しますが、その場でウィンドウのサイズを変更すると機能しません。何か案は？

4

1 に答える 1