質問編集履歴
2
wordpressタグ追加
test
CHANGED
File without changes
|
test
CHANGED
File without changes
|
1
ご指摘いただいたURLのスクショ化いたしました。
test
CHANGED
File without changes
|
test
CHANGED
@@ -1,18 +1,18 @@
|
|
1
1
|
### 前提・実現したいこと
|
2
2
|
|
3
|
-
|
3
|
+
|
4
|
-
|
5
|
-
|
4
|
+
|
6
|
-
|
7
|
-
|
5
|
+
下記画像の比較表、スマホ表示だと現在3商品載せておりますが、
|
8
6
|
|
9
7
|
5商品まで追加して、テーブルの高さは変えず、横スクロール化をしたいです。
|
10
8
|
|
11
9
|
|
12
10
|
|
13
|
-
|
11
|
+
![変更前table](758c1f82bb8d5b4c301a1f910668b0d5.png)
|
14
|
-
|
12
|
+
|
13
|
+
|
14
|
+
|
15
|
-
http://webcommu.net/phone-table-scroll/
|
15
|
+
[参考サイト](http://webcommu.net/phone-table-scroll/)
|
16
16
|
|
17
17
|
上記参考サイトが、まさにやりたいことなので、分かりやすいかと思います。
|
18
18
|
|
@@ -30,18 +30,14 @@
|
|
30
30
|
|
31
31
|
|
32
32
|
|
33
|
-
魚拓URL スマホ(検証でスマホ化してみてください。)
|
34
|
-
|
35
|
-
https://megalodon.jp/2018-0822-1537-49/https://xn--eckipmx7dxa4b6ithka3ib2312sfk9d.site:443/
|
36
|
-
|
37
|
-
|
38
|
-
|
39
|
-
|
33
|
+
下記画像のように、テーブルが崩れてしまいます。文字化けも起こります。
|
40
34
|
|
41
35
|
web初心者のため、原因がわからず困っております。。
|
42
36
|
|
43
37
|
|
44
38
|
|
39
|
+
![イメージ説明](ab4feb310dc6708b037b5e82d1266983.png)
|
40
|
+
|
45
41
|
|
46
42
|
|
47
43
|
### 試したこと
|