Q&A
<tbodyとなっていて閉じられていませんが、合っているのでしょうか？
HTML5/CSS3で入力フォームの作成をおり、レスポンシブ対応をしています
font-size指定にvwを用いることで、iphone/Android端末に対応したレスポンシブページを作成していますが、同じ端末であってもページによってフォントサイズが異なることがあります。
###発生している問題
####ページA
####ページB
以上の画像のように、同じプロパティ指定、同じでデバイスでの表示をしているにもかかわらずページによって表示されるフォントサイズが異なることがあります。
###該当のソースコード
HTML
1<table> 2<tbody 3 <tr> 4 <th class="req">氏名</th> 5 <td><textarea name="氏名" id="username" class="user_information"></textarea></td> 6 </tr><!-- 氏名 --> 7 <tr> 8 <th class="req">フリガナ</th> 9 <td><textarea name="フリガナ" id="kana" class="user_information"></textarea></td> 10 </tr> 11</tbody> 12</table>
css
1main table tbody tr th { 2 font-size: 2.6vw; 3 vertical-align: middle; 4 text-align: left; 5 display: block; 6}
###補足情報
エディター：Adobe Brackets
ブラウザ：google chrome (ver：60.0.3112.101（Official Build） （64 ビット）)
回答1件
0
自己解決
理由は全く持って不明ですが、th要素のDisplay: block;を無効にしたところ直りました
投稿2017/08/23 01:04
総合スコア8
あなたの回答
tips
プレビュー
