ブログページの一番下(黒い領域)に赤い印を追加した後で、
普段は使っていないInternet Explorer 11で表示した所、文字と
被ってしまう現象がでた。原因が分からずに苦戦した。
<現象>
<原因>
色々調べたが、分からない。たまたま、倍率を150%にあげたら、下記のように正しく表示された。
元の100%にすると、正しく表示される。
推定原因としては、フォントをデフォルトからWEBフォントに変えている為と思われる。
初めの表示はデフォルトフォントを基に位置を計算して印を表示するが、その後に
WEBフォントになる(文字幅が少し大きい)ので、印と被ると思われる。
<対策>
少し迷ったが、対策しない事とした。理由は、次の2つ。IEユーザーには
申し訳ないが、一番下のあまり見ない箇所でもあり見送りにさせて頂く。
1)ここのフォントは他の箇所とも共通なので、デフォルトフォントに戻すと、
色々な箇所でデフォルトフォントになり、全体的にフォントがばらつく。
2)Internet Explorer 11特有の問題。普段使っているGoogle Chromeや
今回の現象を検証するためにインストールしたFirefoxでは、上記の現象は
でない。
例)Google Chrome 初期100%表示
Google Chrome 150%表示
<リンク>