HTMLのtableの文字サイズがiphoneだと大きくなる

HTMLのtableの文字サイズがiphoneだと大きくなる

少しハマった何だコレ!?な現象。
スマホでのfont-sizeが14px、もちろん、スマホでのtable td、thともに14pxの指定です。
tableで表を作成し、iphoneで確認。

なんか、文字サイズが大きい!?

tableの中身だけ文字サイズが大きく表示されていました。
cssを確認しても14pxで指定されています。
importantでも小さくなってくれません。

tbodyに-webkit-text-size-adjustを追加することで解決

tbody {
    -webkit-text-size-adjust: 100%;
} 

これで解決しました。
iphoneはフォームの入力時に文字サイズが小さいと、拡大する仕様になっていたりと、ユーサビリティを考慮してのことなのでしょう。

他にもあるよ。関連記事

人気記事

人気記事

最新記事

ブログカテゴリー

タグ

プロフィール

プロフィール画像

猫田 ねこ

パチンコ店勤務からweb制作会社へ転職という異色の経歴。漫画大好き。アニメ大好き。パチンコ大好きな、ねこです。

利用規約  お問い合わせ

ページトップへ