質問編集履歴

2

画像・コードの追加

2021/08/19 12:34

投稿

kohsuke256
kohsuke256

スコア0

test CHANGED
File without changes
test CHANGED
@@ -8,13 +8,23 @@
8
8
 
9
9
 
10
10
 
11
+ イメージ↓
12
+
13
+ ![![イメージ説明](aee78594d9b672ff356db6541c147855.png)](2242fd87ad4d9c419407cd1ab94ece32.png)
14
+
11
15
 
12
16
 
13
17
  ### 発生している問題・エラーメッセージ
14
18
 
15
19
 
16
20
 
17
- PCで表示すると何も問題ないのですが、スマホ(デベロッパーツール上)で表示すると、なぜか下に三分の一ほど余白ができてしまいます。
21
+ PCで表示すると何も問題ないのですが、スマホ(デベロッパーツール上)で表示すると、なぜか下に余白ができてしまいます。
22
+
23
+
24
+
25
+ イメージ↓
26
+
27
+ ![イメージ説明](3f2841635aba44394c75cf3a76aff2fa.png)
18
28
 
19
29
 
20
30
 
@@ -84,12 +94,94 @@
84
94
 
85
95
 
86
96
 
87
- ### 補足情報(FW/ツールのバージョンなど)
97
+ ### 補足情報
88
98
 
89
99
 
90
100
 
91
101
  Windows10 / Chrome 最新版
92
102
 
103
+ 設定:Galaxy S5 ( 640 x 360 )
104
+
93
105
 
94
106
 
95
107
  初質問のためわかりにくかったらすいません。
108
+
109
+
110
+
111
+ ### コード全文
112
+
113
+
114
+
115
+ 実際のものとは違いますが同じ症状が出るものを。
116
+
117
+
118
+
119
+ ```HTML
120
+
121
+ <!DOCTYPE html>
122
+
123
+ <html>
124
+
125
+ <head>
126
+
127
+ <meta charset="UTF-8">
128
+
129
+ <title>Document</title>
130
+
131
+ <style>
132
+
133
+ html {
134
+
135
+ font-size: 64pt;
136
+
137
+ }
138
+
139
+
140
+
141
+ #enclosure {
142
+
143
+ writing-mode: vertical-rl;
144
+
145
+ }
146
+
147
+
148
+
149
+ .content {
150
+
151
+ border: 1px #000 solid;
152
+
153
+ padding: 10px;
154
+
155
+ margin: 10px;
156
+
157
+ box-sizing: border-box;
158
+
159
+ }
160
+
161
+ </style>
162
+
163
+ </head>
164
+
165
+ <body>
166
+
167
+ <div id="enclosure">
168
+
169
+ <div class="content">
170
+
171
+ あいうえおかきくけこさしすせそたちつてとなにぬねのはひふへほまみむめもやゆよらりるれろわをん
172
+
173
+ </div>
174
+
175
+ <div class="content">
176
+
177
+ いろはにほへとちりぬるをわかよたれそつねならむうゐのおくやまけふこえてあさきゆめみしゑひもせすん
178
+
179
+ </div>
180
+
181
+ </div>
182
+
183
+ </body>
184
+
185
+ </html>
186
+
187
+ ```

1

初心者マーク付け忘れ

2021/08/19 12:34

投稿

kohsuke256
kohsuke256

スコア0

test CHANGED
File without changes
test CHANGED
@@ -90,4 +90,6 @@
90
90
 
91
91
  Windows10 / Chrome 最新版
92
92
 
93
+
94
+
93
95
  初質問のためわかりにくかったらすいません。