iPhoneやiPadで重なっている背景で裏側の背景がコンマ数px見えてしまう

iPhoneやiPadで重なっている背景で裏側の背景がコンマ数px見えてしまうことがあります。

HTML

CSS

Pixel Ratioが1を超えるRetinaディスプレイなどに起こる場合や、ページがデバイスにより拡大・縮小される際に起こる現象です。

対応方法としては、box-shadowで1pxほどの境界線を内側の色と同じにして付けることで対応が可能です。

CSS