iOSのSafariで特定のfont-sizeのときの謎の隙間
- 2011年03月30日
- category:iPhone, XHTML/CSS
- Comment(7)
- Trackback(0)
結構前に書いたの公開してなかった。iOSのSafariでなぜか特定のfont-size（11px、10px、9px）のときだけマルチバイトの幅計算がおかしいのか、折り返し位置がずれるという件。
これをiPhoneで見るとこんな感じになる。
こんな感じ。11px、10px、9pxのときに右側に隙間が空いてるがわかると思います。これは特にpaddingとかとってるわけではなくて、このfont-sizeのときだけなぜか隙間が空くんです。8pxは大丈夫なので11px以下というわけではないみたい。さらにマルチバイトでなければ隙間はできない。謎。
ちなみにiOS4.3でも直ってなかった。Androidは大丈夫。
解決方法知ってる人がいたら教えてほしい。
- Prev Entry
- JSDeferredのparallelとwaitで最低遅延時間を設定する
- Next Entry
- CSS3のvim syntaxをちょっといじった
コメントフォーム
スパムがひどいので一時的にコメントフォーム閉じます。ゴメンナサイ。
コメント一覧
oosugi20 2011年7月29日 01時32分
sans-serif設定したら直りました
oosugi20 2011年7月29日 01時33分
ごめんなさいw ウソでしたw
oosugi20 2011年7月29日 01時39分
letter-spacing: -0.001em;
を入れると応急処置にはなるようです。
hokaccha 2011年7月29日 08時11分
まじすか！やってみるっす！あざす！
馬 2011年8月8日 18時31分
はじめまして、謎の隙間に悩まされてたどり着きました、
letter-spacing: -0.001em;
で解消しました！ありがとうございます！
masaking 2011年8月23日 14時31分
散々悩まされて、やっと解決しました。
助かりました！
John 2011年11月2日 10時01分
<i>はじめまして、謎の隙間に悩まされてたどり着きました、
letter-spacing: -0.001em;
で解消しました！ありがとうございます！</i>
+1