Mobiltelefon erkennt keine Media Queries.

Question

Also, ich stehe vor einem interessanten Dilemma. Ich arbeite an einer responsiven Website und wenn ich meinen Browser in der Größe ändere, funktioniert alles wie es sollte. Aber wenn ich die Seite auf meinem iPhone anschaue, werden die Abfragen aus der entsprechenden Media-Abfrage nicht berücksichtigt, die ich definiert habe als:

@media (max-width: 479px) {
  Regeln
}

Die Website ist ericbrockmanwebsites.com/dev2. Ich frage mich, ob jemand das schon einmal erlebt hat.

Jede Hilfe wird sehr geschätzt.

Answer 1

Sie müssen in Ihren Head-Bereich einfügen, damit Ihr mobiles Gerät Ihre Media Queries respektiert.

Answer 2

In einigen Fällen, wenn Bilder über die Breite des Body oder des Seitenrahmens hinausgehen, reicht es aus, einfach

im Head-Bereich hinzuzufügen, um den Body zentriert anzuzeigen.