2016-05-08 11 views
0

Falls ich das Gerät des Benutzers durch seine Auflösung überprüfen möchte (z. B. 300x600px für mobile, 800x600px für tab und 1024x768px für PC).Wie erkennt man die Bildschirmauflösung ohne JavaScript?

aber, wie kann ich die Bildschirmauflösung des Benutzers erhalten, wenn ihr Javascript deaktiviert ist?

oder gibt es eine andere Möglichkeit, mein Problem zu lösen?

+1

erkennen Was wollen Sie mit der Auflösung Informationen zu tun? – nnnnnn

+0

Um dem Benutzer die richtige Seitenauflösung zu geben. wie wir können nicht optimal für PC-Größe Auflösung auf Handy. – user2265229

+0

Die Auflösung auf meinem zwei Jahre alten Telefon ist 1080 x 1920 Pixel. Würden Sie mir die PC-Version Ihrer Seite anbieten? – nnnnnn

Antwort

1

Sie können CSS media queries verwenden, um CSS-Regeln anzuwenden, die auf bestimmte Bildschirmauflösungen und -ausrichtungen ausgerichtet sind.

0

@media sollte es durch Ihren Angaben

tun:

@media (max-width: 799px) { 
    @import url("/uri/to/mobile.css"); 
} 
@media (min-width: 800px) { 
    @import url("uri/to/tablet.css"); 
} 
@media (min-width: 1024) { 
    @import url("/uri/to/desktop.css"); 
} 
+0

aber, wie wenn ich es verwenden möchte, um andere Seite zu laden? Wie wenn ich eine Seite für jedes Handy, Tablet und PC erstellt habe. – user2265229

+0

@ user2265229 Je nach Bildschirmauflösung können Sie keine andere Seite laden, wenn Sie kein JavaScript verwenden. Dies kann nicht serverseitig erfolgen. – nanilab

+0

Überarbeitete Antwort *, um dieses Problem ein wenig zu erleichtern. Sie müssen JavaScript verwenden, um wirklich weiter zu kommen. Ich würde vorschlagen, Ihre Seite so ansprechend wie möglich zu gestalten, wenn Sie kein JavaScript verwenden können – ahendrickson

0

Ich denke nicht, sie anpassen Seite nach Layout diffrent Seiten für eaxh reslolution juat Verwendung CSS-Medienabfragen erstellen müssen.

Wenn Sie pro Auflösung diffrent Seite wollen, dann müssen Sie einige Server-Seite lib verwenden oder die Funktion Browser Auflösung