質問編集履歴
2
test
CHANGED
File without changes
|
test
CHANGED
@@ -1,63 +1,3 @@
|
|
1
|
-
|
1
|
+
同じ質問をしてしまったので削除です。
|
2
2
|
|
3
|
-
|
4
|
-
|
5
|
-
上記のような状態にしたい
|
6
|
-
|
7
|
-
|
8
|
-
|
9
|
-
|
10
|
-
|
11
|
-
###発生している問題・エラーメッセージ
|
12
|
-
|
13
|
-
|
14
|
-
|
15
|
-
スポイラーの中にいれたテーブルのモバイル表示が崩れる。
|
16
|
-
|
17
|
-
(スポイラーの中にあるコンテンツがモバイルで表示されているのにモバイルという認識をおこなっていない気がします。)
|
18
|
-
|
19
|
-
![イメージ説明](b17ddc50c9331d166ff077f520ace120.png)
|
20
|
-
|
21
|
-
|
22
|
-
|
23
|
-
|
24
|
-
|
25
|
-
###該当のソースコード
|
26
|
-
|
27
|
-
|
28
|
-
|
29
|
-
[su_tabs class="artabs"]
|
30
|
-
|
31
|
-
[su_tab title="タイタン防具"] [su_spoiler title="ヘルメット" style="fancy" open="yes"] [table id=11 /] [/su_spoiler] [su_spoiler title="ガントレット" style="fancy" open="no"] [table id=1 /] [/su_spoiler] [su_spoiler title="チェストアーマー" style="fancy" open="no"] [table id=10 /] [/su_spoiler] [su_spoiler title="レッグアーマー" style="fancy" open="no"] テーブル入れる [/su_spoiler] [su_spoiler title="クラスアーマー" style="fancy" open="no"] テーブル入れる [/su_spoiler] [/su_tab]
|
32
|
-
|
33
|
-
|
34
|
-
|
35
|
-
|
36
|
-
|
37
|
-
###試したこと
|
38
|
-
|
39
|
-
PCでは画面を小さくしても正常にレスポンシブで表示される。
|
40
|
-
|
41
|
-
タブやスポイラーの中にテーブルを入れているが、テーブルのみ、タブの中にテーブルを入れたときも正常に表示される。
|
42
|
-
|
43
|
-
スポイラーの中にはいっているテーブルがアイフォンなどの端末で見たときのみ表示が崩れる。
|
44
|
-
|
45
|
-
アイフォンで表示崩れが起きている画面を横や縦向きにして元に戻すと表示崩れが解消され正常に表示される。
|
46
|
-
|
47
|
-
|
48
|
-
|
49
|
-
###補足情報(言語/FW/ツール等のバージョンなど)
|
50
|
-
|
51
|
-
ワードプレスのプラグインを使用してます。
|
52
|
-
|
53
|
-
TablePress(テーブル作成プラグイン)
|
54
|
-
|
55
|
-
FooTable(モバイル判定がでるとテーブルを一部折りたたみ見やすくしてくれるプラグイン)
|
56
|
-
|
57
|
-
Shortcodes Ultimate(タブやトグルをショートコードで簡単に設定できるプラグイン)
|
58
|
-
|
59
|
-
|
60
|
-
|
61
|
-
プラグインの変更やコードなどで実現できれば手段は何でも構いません。
|
62
|
-
|
63
|
-
全くの素人なのでわらにもすがる思いです。助言をいただけますと幸いです。
|
3
|
+
もうひとつはくわしく書いてあるのでそちらでお願いします。
|
1
トグルではなくスポイラーでした(名称ミスでしたので変更)
test
CHANGED
File without changes
|
test
CHANGED
@@ -1,6 +1,6 @@
|
|
1
1
|
###前提・実現したいこと
|
2
2
|
|
3
|
-
タブや
|
3
|
+
タブや開閉式のスポイラーの中に入れたテーブルを表示が崩れないモバイル表示にしたい。![イメージ説明](064e4b0272f415e88f8e29cef756319e.png)
|
4
4
|
|
5
5
|
上記のような状態にしたい
|
6
6
|
|
@@ -12,7 +12,9 @@
|
|
12
12
|
|
13
13
|
|
14
14
|
|
15
|
-
|
15
|
+
スポイラーの中にいれたテーブルのモバイル表示が崩れる。
|
16
|
+
|
17
|
+
(スポイラーの中にあるコンテンツがモバイルで表示されているのにモバイルという認識をおこなっていない気がします。)
|
16
18
|
|
17
19
|
![イメージ説明](b17ddc50c9331d166ff077f520ace120.png)
|
18
20
|
|
@@ -36,9 +38,9 @@
|
|
36
38
|
|
37
39
|
PCでは画面を小さくしても正常にレスポンシブで表示される。
|
38
40
|
|
39
|
-
タブや
|
41
|
+
タブやスポイラーの中にテーブルを入れているが、テーブルのみ、タブの中にテーブルを入れたときも正常に表示される。
|
40
42
|
|
41
|
-
|
43
|
+
スポイラーの中にはいっているテーブルがアイフォンなどの端末で見たときのみ表示が崩れる。
|
42
44
|
|
43
45
|
アイフォンで表示崩れが起きている画面を横や縦向きにして元に戻すと表示崩れが解消され正常に表示される。
|
44
46
|
|