回答編集履歴
2
修正
test
CHANGED
|
@@ -6,11 +6,13 @@
|
|
|
6
6
|
|
|
7
7
|
<th>1つの横幅は3em = 16px * 3 = 48px。
|
|
8
8
|
|
|
9
|
-
<th>は10項目あるので、48 * 10 = 480pxです。
|
|
9
|
+
<th>は10項目あるので、48 * 10 = 480px。これが<table>の横幅の最低値です。
|
|
10
10
|
|
|
11
11
|
|
|
12
12
|
|
|
13
|
-
iPhone Xの横幅が375pxなので、480pxの要素は収まりません。
|
|
13
|
+
**iPhone Xの横幅が375pxなので、480pxの要素は収まりません。**
|
|
14
|
+
|
|
15
|
+
文字サイズや余白を調整すれば入るかも..と思うかもしれませんが、項目名が縦1列になるので見づらいはずです。
|
|
14
16
|
|
|
15
17
|
|
|
16
18
|
|
1
修正
test
CHANGED
|
@@ -1,6 +1,20 @@
|
|
|
1
|
-
物理的に
|
|
1
|
+
単純な話、物理的に横幅に文字が収まらないはずです。
|
|
2
2
|
|
|
3
|
+
|
|
4
|
+
|
|
5
|
+
仮に「日付」「曜日」など<th>が1文字だとして、余白が1文字ぶんだとします。
|
|
6
|
+
|
|
7
|
+
<th>1つの横幅は3em = 16px * 3 = 48px。
|
|
8
|
+
|
|
9
|
+
<th>は10項目あるので、48 * 10 = 480pxです。
|
|
10
|
+
|
|
11
|
+
|
|
12
|
+
|
|
13
|
+
iPhone Xの横幅が375pxなので、480pxの要素は収まりません。
|
|
14
|
+
|
|
15
|
+
|
|
16
|
+
|
|
3
|
-
自分なら以下の2つの方法をとります。
|
|
17
|
+
そのため自分なら以下の2つの方法をとります。
|
|
4
18
|
|
|
5
19
|
|
|
6
20
|
|