Single/sub pixel misalignment of divs on ipad and iphone safari

Question

I\'ve got the following situation, and I need some help...

1. Two divs, same size, same location, one on top of the other
2. Everything works as expected on

Answer 1

I'd try playing with meta/viewport options, specifically setting initial scale to 1.0 and disabling user zooming.

https://developer.apple.com/library/archive/documentation/AppleApplications/Reference/SafariHTMLRef/Articles/MetaTags.html

Answer 2

I also had to solve this. If you are using Div's to define sections only then.

//background.css
.background-color {
  background-color: blue;
}
.background-color div {
  background-color: inherit;
}