Webseite - Darstellungsproblem mit Android-browsern

Hallo,

ich habe eine Website, wo ein Hintergrundbild mit einer Art Gitter aus Dots belegt ist. Im Web funktioniert die Darstellung gut, aber auf dem Smartphone kommt es zu einer unschönen Darstellung beim Zoomen.
Die Dots werden auch vergrößert und das Hintergrundbild ist kein Hintergrund mehr, sondern überlagert alles...
Das eigentliche Bild und das Gitter sind getrennte Bilddateien.

Gibt es eine Möglichkeit das ganze zu umgehen, oder muss ich wirklich eine Android-Weiche im CSS einbauen?

Im Anhang die Bilddatei, die das Layout zerschießt. Vielleicht hilft es ja.

Hallo,
da habe ich mich wirklich ungenau ausgedrückt.
die Gitter sind ja dots. wenn man zoomt, werden auch die dots gezoomt und treten optisch zu sehr in den Vordergrund und das Ergebnis ist sehr unschön.

Deswegen ist meine Überlegung, ob man es hinbekommt, dass das Hintergrundbild nicht gezoomt wird, sondern nur die divs im Vordergrund.

Also bleibt wirklich nur die Weiche und eine mobile Version, ohne diese Gitter-Ebene auf dem Hintergrund?

Oder übersehe ich eine Möglichkeit, wenn der Kunde das Gitter unbedingt behalten will in der nicht-mobilen Version?