質問編集履歴
3
不要な説明があり分かりにくかったため
test
CHANGED
|
File without changes
|
test
CHANGED
|
@@ -1,8 +1,10 @@
|
|
|
1
1
|
HTML、CSSを使用してWEBサイトを作成しているのですが
|
|
2
2
|
|
|
3
|
-
セパレーターとして配置したい画像が
|
|
3
|
+
セパレーターとして配置したい画像が
|
|
4
4
|
|
|
5
|
+
PC（google chrome、microsoft edge）では表示されますが、
|
|
6
|
+
|
|
5
|
-
|
|
7
|
+
スマホ（android、iphone）で表示されません。
|
|
6
8
|
|
|
7
9
|
|
|
8
10
|
|
|
@@ -46,28 +48,6 @@
|
|
|
46
48
|
|
|
47
49
|
|
|
48
50
|
|
|
49
|
-
上記はテンプレートに元々記述されていたもので、そのまま使用しています。
|
|
50
|
-
|
|
51
|
-
こちらでスマホに表示させてたいのです。
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
|
|
55
|
-
|
|
56
|
-
|
|
57
|
-
代替策として、下記などを参考にしてPCとSPで表示を変えようとするのですが、
|
|
58
|
-
|
|
59
|
-
パソコンでは適用されますが、スマホではPC表示sp表示どちらも表示されてしまいます。
|
|
60
|
-
|
|
61
|
-
テキストや画像などで試しましたが、いずれもスマホではPC表示sp表示どちらも表示されました。
|
|
62
|
-
|
|
63
|
-
|
|
64
|
-
|
|
65
|
-
https://dev-lib.com/html-display-none-smartphone/
|
|
66
|
-
|
|
67
|
-
https://hyakuyattsu.com/create/javascript-kirikae
|
|
68
|
-
|
|
69
|
-
|
|
70
|
-
|
|
71
51
|
あまり詳しくはないので、どなたかご教授いただければ幸いです。
|
|
72
52
|
|
|
73
53
|
宜しくお願い致します。
|
2
コードに誤りがあったため修正しました。
test
CHANGED
|
File without changes
|
test
CHANGED
|
@@ -8,7 +8,7 @@
|
|
|
8
8
|
|
|
9
9
|
```HTML
|
|
10
10
|
|
|
11
|
-
<div class="sep s01"></div>
|
|
11
|
+
<div class="sep s01" data-stellar-background-ratio="0.5"></div>
|
|
12
12
|
|
|
13
13
|
```
|
|
14
14
|
|
|
@@ -46,7 +46,9 @@
|
|
|
46
46
|
|
|
47
47
|
|
|
48
48
|
|
|
49
|
+
上記はテンプレートに元々記述されていたもので、そのまま使用しています。
|
|
50
|
+
|
|
49
|
-
|
|
51
|
+
こちらでスマホに表示させてたいのです。
|
|
50
52
|
|
|
51
53
|
|
|
52
54
|
|
1
状況を詳しく追加
test
CHANGED
|
File without changes
|
test
CHANGED
|
@@ -54,7 +54,9 @@
|
|
|
54
54
|
|
|
55
55
|
代替策として、下記などを参考にしてPCとSPで表示を変えようとするのですが、
|
|
56
56
|
|
|
57
|
-
パソコンでは適用されますが、スマホでは
|
|
57
|
+
パソコンでは適用されますが、スマホではPC表示sp表示どちらも表示されてしまいます。
|
|
58
|
+
|
|
59
|
+
テキストや画像などで試しましたが、いずれもスマホではPC表示sp表示どちらも表示されました。
|
|
58
60
|
|
|
59
61
|
|
|
60
62
|
|