みかづきブログ その3

3ヶ月つづけてみました。

iOS8とiOS7ではサブピクセル(小数点以下のピクセル)のレンダリング結果が異なる

kimizuka.hatenablog.com

codepen.io

こちらの記事 のコンテンツをつくっているときに気づきました。
scssの変数にいれていたのでうっかりしたのですが、こちらのコンテンツ、$DOT_GAP を 1 / 2 にしてつかっているため、ここに奇数をいれるとサブピクセルが発生してしまいます。
その結果、iOS8とiOS7でレンダリング結果に差が出てきます。

DEMO

iOS7

f:id:kimizuka:20150901210230p:plain

サブピクセルが切り捨てられるため、9 × 9 にならずに 10 × 8 + 1 になってしまいます。

iOS8

f:id:kimizuka:20150901210243p:plain

想定通りの結果になります。