teratail header banner
teratail header banner
質問するログイン新規登録

回答編集履歴

2

文章の修正

2021/03/24 12:04

投稿

kumacyan
kumacyan

スコア2

answer CHANGED
@@ -1,6 +1,6 @@
1
1
  **自己解決しました。**
2
2
 
3
- .slider div img{}の中身は下記のように変更したところ、ウィンドウサイズが縦長でも横長でもスライドショー画像が中央に表示されるようになりました。
3
+ .slider div img{}の中身はmax-height: 100%;をやめて下記のように変更したところ、ウィンドウサイズが縦長でも横長でもスライドショー画像が中央に表示されるようになりました。
4
4
  ご覧いただきありがとうございました。
5
5
 
6
6
  ```css

1

文章の修正

2021/03/24 12:04

投稿

kumacyan
kumacyan

スコア2

answer CHANGED
@@ -3,6 +3,7 @@
3
3
  .slider div img{}の中身は下記のように変更したところ、ウィンドウサイズが縦長でも横長でもスライドショー画像が中央に表示されるようになりました。
4
4
  ご覧いただきありがとうございました。
5
5
 
6
+ ```css
6
7
  .slider div img{
7
8
    max-width: 100%;
8
9
    max-height: 100%;
@@ -10,4 +11,5 @@
10
11
    object-fit:cover;
11
12
    object-position: 50% 50%;
12
13
    margin:0 auto;
13
- }
14
+ }
15
+ ```