質問編集履歴
5
o
test
CHANGED
|
File without changes
|
test
CHANGED
|
@@ -35,7 +35,7 @@
|
|
|
35
35
|
}
|
|
36
36
|
|
|
37
37
|
.slide-item {
|
|
38
|
-
width: 600px;
|
|
38
|
+
width: 600px;
|
|
39
39
|
height: 200px;
|
|
40
40
|
float: left;
|
|
41
41
|
position: relative;
|
4
d
test
CHANGED
|
File without changes
|
test
CHANGED
|
@@ -68,7 +68,7 @@
|
|
|
68
68
|
|
|
69
69
|
67% { transform: translateX(-67%); }
|
|
70
70
|
74% { transform: translateX(-74%); }
|
|
71
|
-
80% { transform: translateX(80%); }
|
|
71
|
+
80% { transform: translateX(-80%); }
|
|
72
72
|
|
|
73
73
|
87% { transform: translateX(-87%); }
|
|
74
74
|
94% { transform: translateX(-94%); }
|
3
ｋ
test
CHANGED
|
File without changes
|
test
CHANGED
|
@@ -35,7 +35,7 @@
|
|
|
35
35
|
}
|
|
36
36
|
|
|
37
37
|
.slide-item {
|
|
38
|
-
width: 600px;
|
|
38
|
+
width: 600px;）
|
|
39
39
|
height: 200px;
|
|
40
40
|
float: left;
|
|
41
41
|
position: relative;
|
2
あ
test
CHANGED
|
File without changes
|
test
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
企業のHPのTOP画面にあるような、画像をスライドショーさせるコードを書いているのですが、画像がスライドショーするとき、各画像の横幅がウインドウの幅ピッタリに表示させたいのですが上手くいきません。
|
|
2
|
-
.slide-item {width: 600px;}を500pxに変更すると、モバイル500pxピッタリの画面では幅は合いますが、モバイル380pxの幅の時などの画面の場合もスライドショーする画像の横幅をウインドウの幅に合わせたいです。
|
|
2
|
+
.slide-item {width: 600px;}を500pxに変更すると、モバイル500pxピッタリの画面では各画像５枚とも幅は合いますが、モバイル380pxの幅の時などの画面の場合もスライドショーする各画像の横幅をウインドウの幅に合わせたいです。
|
|
3
3
|
|
|
4
4
|
回答よろしくお願いいたします。
|
|
5
5
|
下のコードは画像5枚をCSSアニメーションでスライドショーするコードになります。
|
1
ｋ
test
CHANGED
|
File without changes
|
test
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
企業のHPのTOP画面にあるような、画像をスライドショーさせるコードを書いているのですが、画像がスライドショーするとき、各画像の横幅がウインドウの幅ピッタリに表示させたいのですが上手くいきません。
|
|
2
|
-
.slide-item {width: 600px;}を500pxに変更すると、モバイル500pxピッタリでは幅は合いますが、モバイル380pxの幅の時などの場合もスライドショーする画像の横幅をウインドウの幅に合わせたいです。
|
|
2
|
+
.slide-item {width: 600px;}を500pxに変更すると、モバイル500pxピッタリの画面では幅は合いますが、モバイル380pxの幅の時などの画面の場合もスライドショーする画像の横幅をウインドウの幅に合わせたいです。
|
|
3
3
|
|
|
4
4
|
回答よろしくお願いいたします。
|
|
5
5
|
下のコードは画像5枚をCSSアニメーションでスライドショーするコードになります。
|