文字サイズが意図しない大きさに スマホ対応は難しい

運営しているサイトのホームページの表示が思わぬ状態に。いつの間にか,Androidタブレットで見ると一部分の文字が拡大されているのです。

この現象が生じたのは「更新リスト」の表示で,作成当時は問題ありませんでした。HTMLをいじって探っていくと,更新リストの行数が増えたことで生じていることがわかりました(DIV内の文字数が少なければ起きないのです)。

調べてみると,webkitのバグらしいのです。max-height:999999px;を入れて無事,復旧いたしました。

参考にしたのは下記のサイトです。
http://www.seomode.jp/html-css/2014/06/25/3339/

他にも,文字サイズがPCでの表示と異なっている場所は見られます。これをどうするかはこの後検討ということで。スマホ対応は面倒ですね。

コメント

人気の投稿

自分の写真
masao
ゲイツ,ジョブズ,さんまと同じ1955年生まれ。 この春から自由人?に。