Designing Websites für Retina-Geräte: Welche Dimensionen sollten Sie beim Entwerfen verwenden?

Question

Die Abmessungen des iPhone ist 320x480 Die Abmessungen eines Retina iPhone 640x960 ist

Wenn ein Design für ein Retina-Gerät entwerfen, haben Sie die Größe des Dokuments auf 320 x 480 oder 640 x 960?

Ich hätte gedacht, Sie hätten die Größe auf 320 x 480 eingestellt. Der Grund dafür ist, dass obwohl ein Retina-Gerät mehr Pixel hat, diese immer noch auf einer 3 "Bildschirmgröße angezeigt werden. Wenn Sie festgelegt haben Ihre Größe 640 x 960, dann auf einer Retina-Display angezeigt, wenn die gesamten Text würde klein sein, da, obwohl es mehr Pixel sind, wird der Bildschirm nicht physisch größer ist.

ist das richtig?

AKTUALISIERT : Verwenden Sie auch 320 x 480 als Basisgröße für CSS (siehe Kommentare unten)

Answer 1

Ja, das ist richtig . Ich bin ein iOS-Entwickler, kein Webdesigner, aber bei iOS-Geräten geben Sie alles in Punkten an (das ist ein Pixel auf einem Nicht-Retina-Gerät und ein 2x2-Pixel-Block auf einem Retina-Gerät), also ist alles gleich groß. Die zusätzlichen Pixel auf dem Retina-Display lassen einfach alles besser aussehen.

Sie können mit kleineren Text auf einem Retina-Bildschirm wegkommen, da Sie mehr Details haben, aber Zugänglichkeit weise, das ist kein guter Zug, da viele Leute können dann Ihren Text sehen, ohne Zoomen, welche Art von Anzeige Sie haben.