[TTT]

スライドのアスペクト比（16:9）の変更は可能でしょうか？
（16:6）くらいにしたいです

そもそもは「画像の高さ」を短くしたかったのですが、
過去のトピックの「スライダーの写真の高さを変更したい」を参考にしたところ
PC表示は指示通りになるのですが、タブレット・スマホもPCと同じ高さ指定となり
画像が大きく表示されすぎました

♥ 0

いいねをした人: 居ません

[キタジマ タカシ]

例えば、

.wpaw-slider .wpaw-slider__item {
  min-height: 540px !important;
  height: 540px !important;
}

でタブレット・スマホでも 540px になってしまう、ということでしたら、

@media (min-width: 1024px) {
  .wpaw-slider .wpaw-slider__item {
    min-height: 540px !important;
    height: 540px !important;
  }
}

とすることで、1024px以上のブラウザサイズのときだけ 540px にする、ということができます。1024 だとタブレットも反応してしまうものがあるかと思いますので、1280px とかでも良いかもです。お好みで調整してみてください。

♥ 0

いいねをした人: 居ません

[TTT]

上記の方法で解決しました
ありがとうございました

♥ 0

いいねをした人: 居ません

[投稿者]

投稿