あれです。iPhone/iPad Safariに現れる灰色の線について、

gray-line

近くにいい喫茶店を探してちょっぴりノマドしようかと企んでいる福山です。

PCで見ると普通なのにiPhone/iPadで画像の境界にこんな灰色の線がでませんか?
それでいて、拡大・縮小すると消える。

なぜ?

iPhoneやiPadのディスプレイには「Retina」が使われています。おそらくこれと拡大率が原因でしょう。拡大率によって小数点以下までピクセルを計算したあげく、四捨五入もしくは切り捨て切り上げするので仕様がないのです。

画像の下に現れた場合、解決策があるとすればコレ。


div {
     margin-bottom:-1px;
}

明確な対処法がないのが現状です。

Marcusが灰色線の問題について報告しているので、Appleも認識しているでしょう。いずれアップデートで修正されるかもしれません。

参考海外サイト