2013/10/01

スマホでテキスト幅がおかしい件

スマホで小生のホームページの表示がおかしい。画像は問題ないが,文字幅が1/3くらいになってしまう。スマホを横にすると直るが。と言われてしまった。
また,ブラウザの[設定]>[ページの自動調整]をオフにすると直りますが,ユーザーに強制するわけにもいかない。
気持ちが悪いので調べてみると
htmlで文字のブロックの背景に色を付けると直るらしい。しかしすべてのテキストがうまくいくわけではなかったので,背景に空のグラフィックをあててみた。
{background-image:url(image)}
これを<div>要素に適用するのが比較的簡単な方法でした。
</div>までの間に画像が入るとうまくいかない。画像の前で止めてまた<div>ではじめる。これでなんとかなりました。
<p>要素でもOK,<span>はうまくいったりいかなかったり,理由不明。
スマホ持っていないのでAndroid SDKをMacにインストールして確認しました。
あとは人さまのスマホで確認します。
htmlファイル自体の修正はJeditXのマルチファイル置換ですぐ済みましたが,その前のテストで一日かかってしまった。スマホの方でなんとかして欲しい。
この現象はスマホ専用サイトでは起こりません。
またiPhone, iPadでは問題ありません。それで気づかなかったのですが。