Ich bin gerade dabei, mein reaktionsfähiges CSS zu codieren, und mir wurde klar, dass das Samsung Galaxy S4 eine Bildschirmauflösung von 1080x1920 hat - mein 23 "-Monitor ist 1920x1080. Ich habe noch nie auf diesem Handy geblättert (ich habe ein iPhone) 3 mit einer Auflösung von 320x480, was ich dachte, alle Smartphones wären um , irgendwo unter 800 Pixel breit), also bin ich etwas perplex. Wie soll ich eine mobile Website für ein Smartphone mit erstellen eine Bildschirmauflösung von 1080x1920?
Beim Entwurf auf einem GS4 wird es als normaler Widescreen gerendert, es sei denn, Sie verwenden das Viewport-Tag in Ihren Headern. Ich postete das Beispiel, das ich benutze, um es responsiv zu machen @ Samsung Galaxy S4 Responsives Design @media
Stellen Sie sicher, dass Sie das Viewport-Meta-Tag in Ihrem Kopfbereich haben. Etwas wie das:
%Vor%Dies weist den Benutzer-Agent an, die Pixeldichte zu berücksichtigen und entsprechend zu skalieren. So wird Ihre 1080px Breite Samsung Galaxy S4 wie eine 360px Bildschirmbreite wirken.
Tags und Links css smartphone