Responsive Design scheint nicht perfekt zu funktionieren

Question

Ich habe Probleme mit der Responsivität der Webseite. Ich habe ein paar Websites und Chrome-Dev-Tools verwendet, um das Problem zu ermitteln, aber alle zeigen es richtig. Sobald ich die Seite auf meinem Handy (Samsung Galxy S5) öffne, wird der Hintergrund weiß und nur der Text kann gesehen werden. Hier ist meine Medienabfrage:

@media (max-width: 768px) { 
    body { 
     background-image: url(images/bg-img.jpg); 
     background-repeat: no-repeat; 
     background-attachment: fixed; 
     background-size: cover; 
     -webkit-background-size: cover; 
     -moz-background-size: cover; 
     margin: 0; 
    } 
} 

Und hier ist der gesamte Code: https://jsfiddle.net/Manny5980/uwa4np7v/

Answer 1

Benachrichtigung nicht in webview arbeiten, sollten Sie verwenden document.write

Answer 2

besuchen Sie bitte

https://responsivedesign.is/develop/browser-feature-support/media-queries-for-common-device-breakpoints

/* Samsung Galaxy S5 ----------- */

@media only Bildschirm und (min-Gerät-Breite: 360px) und (max-Gerät-Höhe: 640px) und (Orientierung: Landschaft) und (-Webkit-Device-Pixel-Verhältnis: 3) {

/* * Styles/

}

@media nur Bildschirm und (min-device-Breite: 360 Pixel) und (max-device-height: 640px) und (Ausrichtung: Hochformat) und (-webkit -Gerät-Pixel-Verhältnis: 3) {

/* Stile */

}