HTML5/CSS3で入力フォームの作成をおり、レスポンシブ対応をしています
font-size指定にvwを用いることで、iphone/Android端末に対応したレスポンシブページを作成していますが、同じ端末であってもページによってフォントサイズが異なることがあります。
以上の画像のように、同じプロパティ指定、同じでデバイスでの表示をしているにもかかわらずページによって表示されるフォントサイズが異なることがあります。
###該当のソースコード
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 ビット))
<tbodyとなっていて閉じられていませんが、合っているのでしょうか?
回答1件
あなたの回答
tips
プレビュー