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

kimizuka.hatenablog.com

http://codepen.io/kimmy/pen/mJNXXr/codepen.io

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

DEMO

iOS7

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

iOS8

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