文字サイズが意図しない大きさに スマホ対応は難しい
運営しているサイトのホームページの表示が思わぬ状態に。いつの間にか,Androidタブレットで見ると一部分の文字が拡大されているのです。
この現象が生じたのは「更新リスト」の表示で,作成当時は問題ありませんでした。HTMLをいじって探っていくと,更新リストの行数が増えたことで生じていることがわかりました(DIV内の文字数が少なければ起きないのです)。
調べてみると,webkitのバグらしいのです。max-height:999999px;を入れて無事,復旧いたしました。
参考にしたのは下記のサイトです。
http://www.seomode.jp/html-css/2014/06/25/3339/
他にも,文字サイズがPCでの表示と異なっている場所は見られます。これをどうするかはこの後検討ということで。スマホ対応は面倒ですね。
この現象が生じたのは「更新リスト」の表示で,作成当時は問題ありませんでした。HTMLをいじって探っていくと,更新リストの行数が増えたことで生じていることがわかりました(DIV内の文字数が少なければ起きないのです)。
調べてみると,webkitのバグらしいのです。max-height:999999px;を入れて無事,復旧いたしました。
参考にしたのは下記のサイトです。
http://www.seomode.jp/html-css/2014/06/25/3339/
他にも,文字サイズがPCでの表示と異なっている場所は見られます。これをどうするかはこの後検討ということで。スマホ対応は面倒ですね。
コメント