2017-01-26 1 views
1

Ich interessiere mich für Inhalt der mobilen Version der Website, die @ Media-Abfragen Erkennung verwendet, während ich auf dem Desktop bin.Wie kann ich eine mobile Version der Site anfordern, die @media-Regeln verwendet?

Ich weiß, ich kann verschiedene User-Agent verwenden, aber es funktioniert auf der Seite, die Agenten verwenden, um mobile Benutzer zu erkennen. Aber gibt es eine Möglichkeit, eine Seitenbreite und Seitenhöhe in einer Anfrage festzulegen, sodass Server, die @media-Regeln verwenden, mit einer mobilen Version der Website antworten?

Antwort

1

@media Regeln sind für den Browser und nicht für den Server. Der Browser ist derjenige, der die HTML/CSS analysieren und die relevanten Inhalte/Stil-Basen auf ihnen anzeigen sollte.

Wenn der Browser @ media query unterstützt und Sie eine Abfrage für max width = 360px haben, sollte der Browser den Stil aus diesem Block nur verwenden, wenn die Breite des aktuellen Fensters weniger als 360px beträgt.

+0

Ja, ich weiß, was meinst du aber wie (von Server-Seite), um Browser zu machen, um [@] Media-Regel für maximale Breite = 360px zu erhalten, wenn Benutzerauflösung 1280x800px ist? Der Benutzer kann sein Fenster einfach verkleinern, aber ich habe keine Ahnung, was ich tun soll, wenn mein Server die mobile Version der Seite herunterladen möchte, die @media für den Benutzer verwendet, dessen Desktop auf 1280x800px eingestellt ist. – webmasternewbie

+0

Nun - im Grunde ist die Seite genau das gleiche. Die Unterschiede sind nur das, was der Browser anzeigt (es wird nicht vom Server anders gesendet). Die exakt gleiche Struktur wird basierend auf den @ media-Abfragen unterschiedlich angezeigt. – Dekel

Verwandte Themen