it-swarm.com.de

Responsive Webdesign funktioniert auf dem Desktop, aber nicht auf dem mobilen Gerät

Ich habe eine Website, die auf Mobiltelefone reagieren muss. Ich habe es mit meinem Desktop erstellt. Wenn ich Browser-Fenster anpasse, funktioniert es perfekt für Mobiltelefone, aber wenn ich es auf meinem echten Mobiltelefon überprüfe, reagiert das Samsung Galaxy S2 nicht auf die mobile Ansicht.

Was könnte falsch sein?

104

Vermutlich fehlt das Viewport-Meta-Tag im HTML-Kopf:

 <meta name="viewport" content="width=device-width, initial-scale=1">

Andernfalls nimmt das Gerät das Ansichtsfenster an und setzt es auf volle Größe.

Mehr Infos hier .

256
Agush

Ich bin auch mit diesem Problem konfrontiert. Endlich habe ich eine Lösung bekommen ... Verwenden Sie diesen Code. Hoffnung: Problem wird gelöst.

<meta name="viewport" content="initial-scale=1, maximum-scale=1">

2
Saiful Islam

Obwohl es oben beantwortet wurde und es richtig ist zu verwenden

<meta name="viewport" content="width=device-width, initial-scale=1">

wenn Sie jedoch React und Webpack verwenden, vergessen Sie nicht, das Element-Tag zu schließen

<meta name="viewport" content="width=device-width, initial-scale=1" />
0
Shadab Ahmed

Überprüfen Sie Ihr CSS oder verwenden Sie den CSS-Validator.

    Parse Error

   .navbar .nav li a {
    padding-right: 5px;
    paddng-left: 5px;

Es sieht so aus, als hätten Sie Ihren geschweiften Klammer- oder Tippfehler nicht geschlossen.

0
Marcelo Austria