-
IE9+ <pre> TAB - reiria
2015/01/01 (Thu) 17:57:39
IE9 あたりから <pre> 内の TAB が一部ずれるようになっていて、いい加減何とかしようと思い立ち、
何やらレンダリング手法が変わったので、うまいこと font-family 指定すれば良さげとの噂を小耳にゲット。
早速、font-family あれやこれや指定してみたもののうんともすんとも(;_;)
font-size を small 以外にしたらうまく表示されるっぽい。
親が font-size: medium なので子の <pre> は small になっててこれが敗因らしい。
というか、そのパターン多そうな気がするけど、一般的に皆さんどう対策されてるんだろう(^^;
Re: IE9+ <pre> TAB - reiria
2015/01/01 (Thu) 17:59:27
フォントや文字列内容、ページの他の要素との絡み具合で違いありそうだけど、自分のページで試した範囲では、
<pre> の font-size を、
・small
・medium の 71～73,77,81～83,87,91～93,97% (70～100% の範囲だけ確認、小数点以下は未確認)
これらにすると TAB がずれる場合がある。要するに small と一の位 1,2,3,7% が鬼門。
ページを互換表示にすれば IE8 以前というか、ページを作った当時の IE5.5 あたりと近いバランスになって、
見た目は一番すっきりなんですが、互換表示だと JavaScript canvas も使えなくなるという仕打ち(^^;
Re: IE9+ <pre> TAB - reiria
2015/01/01 (Thu) 18:09:38
font-size: small;
赤枠部分の TAB がずれてる。(ずれる部分は他にもあちこちある)
Re: IE9+ <pre> TAB - reiria
2015/01/01 (Thu) 18:11:52
font-size: x-small;
small 以外はどれもずれない。
Re: IE9+ <pre> TAB - reiria
2015/01/01 (Thu) 18:14:20
font-size: 85%;
現在の設定。(親 medium)
Re: IE9+ <pre> TAB - reiria
2015/01/07 (Wed) 19:05:11
85% だと今度は IE5.5 でずれること発覚(^^;;; ﾀﾞﾒﾀﾞｺﾘｬ
Windows95 IE5.5 でちゃんと表示されることを何とか維持したいけども、うむむ。
とりあえず 90% なら両者ずれないぽい。