Ich habe eine Website, die auf Mobiltelefone reagieren muss. Ich habe es mit meinem Desktop erstellt. Wenn ich Browserfenster anpasse, funktioniert es perfekt für Mobiltelefone, aber wenn ich es auf meinem echten Mobiltelefon überprüfe: Samsung Galaxy S2 reagiert es nicht auf die mobile Ansicht.
Was könnte falsch sein?
mobile
web
responsive-design
Tadas Davidsonas
quelle
quelle
Antworten:
Wahrscheinlich fehlt Ihnen das Meta-Tag des Ansichtsfensters im HTML-Kopf:
Ohne sie übernimmt das Gerät das Ansichtsfenster und setzt es auf volle Größe.
Mehr Infos hier .
quelle
index.html
index.html
Ich habe mich auch diesem Problem gestellt. Endlich habe ich eine Lösung. Verwenden Sie diesen folgenden Code. Hoffnung: Problem wird gelöst.
<meta name="viewport" content="initial-scale=1, maximum-scale=1">
quelle
Obwohl es oben beantwortet wurde und es richtig ist zu verwenden
Wenn Sie jedoch React und Webpack verwenden, vergessen Sie nicht, das Element-Tag zu schließen
quelle
Responsive Meta-Tag
Fügen Sie Ihrem Meta-Tag das reaktionsfähige Ansichtsfenster hinzu, um ein korrektes Rendern und Zoomen für alle Geräte zu gewährleisten
<head>
.quelle