回答編集履歴
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
文章の修正
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
|
+
```
|