質問編集履歴
3
safariのタグを消しました。
title
CHANGED
|
File without changes
|
body
CHANGED
|
@@ -1,9 +1,4 @@
|
|
|
1
|
-
### 前提・実現したいこと
|
|
2
|
-
|
|
3
1
|
トップのイメージをスライドショーにしたい。
|
|
4
|
-
|
|
5
|
-
### 発生している問題・エラーメッセージ
|
|
6
|
-
|
|
7
2
|
```
|
|
8
3
|
1.スマホの横スクロールを消すため、jQueryの数値を画像サイズに変更すると、横揺れは解消されたが、デスクトップで表示した際、スライドショーの画像の右半分が表示されなくたった。
|
|
9
4
|
2.テストサイトを見た後、他のサイトから戻ると、スライドショーの画像が一瞬ぐしゃっと、一度に表示される。（ほぼ全ての環境で）
|
2
タグのsafariを消しました。
title
CHANGED
|
File without changes
|
body
CHANGED
|
File without changes
|
1
windows版safariは既にサポートが切れているとの回答頂きまして、その問題点を削除して、編集しております。
title
CHANGED
|
@@ -1,1 +1,1 @@
|
|
|
1
|
-
|
|
1
|
+
初めて質問します。スライドショーの画像の右半分が表示されない原因が分かりません！
|
body
CHANGED
|
@@ -1,13 +1,12 @@
|
|
|
1
1
|
### 前提・実現したいこと
|
|
2
2
|
|
|
3
|
-
|
|
3
|
+
トップのイメージをスライドショーにしたい。
|
|
4
4
|
|
|
5
5
|
### 発生している問題・エラーメッセージ
|
|
6
6
|
|
|
7
7
|
```
|
|
8
|
-
1.windows safariだけ、スライドショーの画像が左寄せになり、縦横比が微妙に縦長になる。
|
|
9
|
-
|
|
8
|
+
1.スマホの横スクロールを消すため、jQueryの数値を画像サイズに変更すると、横揺れは解消されたが、デスクトップで表示した際、スライドショーの画像の右半分が表示されなくたった。
|
|
10
|
-
|
|
9
|
+
2.テストサイトを見た後、他のサイトから戻ると、スライドショーの画像が一瞬ぐしゃっと、一度に表示される。（ほぼ全ての環境で）
|
|
11
10
|
```
|
|
12
11
|
|
|
13
12
|
### 該当のソースコード
|
|
@@ -60,9 +59,7 @@
|
|
|
60
59
|
{display: none;}
|
|
61
60
|
|
|
62
61
|
|
|
63
|
-
```→ bodyの他、.wrapperや.slideにもtext-align:center;やdisplay:center;をいれてみましたが
|
|
64
|
-
safariブラウザでは、スライダーの画像のみレスポンシブも効かず、左寄せになり、
|
|
65
|
-
|
|
62
|
+
```→ レスポンシブは問題ないのですが、スライドショーの画像の右半分が表示されなくたった。
|
|
66
63
|
→ .sideのheight:660pxをautoにすると画像が表示されなくなります。
|
|
67
64
|
|
|
68
65
|
|