CSS mobile: Box-Schatten funktioniert nicht korrekt

Wenn ich meine Website in chrome mobile v48 geöffnet habe, habe ich festgestellt, dass sich die Eigenschaft box-shadow: 1px seltsam verhält: Die Breite des Schattens schwebt von Seite zu Seite und ist nicht gleich. Ich gehe davon aus, dass das Pixelverhältnis 1.5 :

Das nächste Codefragment gibt mir nicht immer 1px shadow, aber es ist manchmal in mobilen Browsern um 1-3px herum:

JSFiddle

Ich habe versucht, -webkit prefix zu verwenden, aber es wurde nichts geändert. Mit einer alternativen Einheit em anstelle von px bringt man nichts und auch Bruchwerte wie 0.5px .

Das Meta-Tag viewport scheint nicht genug zu sein:

Wie behebt man das und lässt box-shadow -Eigenschaft in mobilen Browsern korrekt angezeigt werden?