Was ist das Design Best Practice für die Seitenbreite für mobile Webseiten einstellen?

Question

Verschiedene Browser auf verschiedenen Telefonen unterschiedliche Bildschirmauflösung.

Gibt es eine bewährte Methode, in der Gemeinde, die Breite auf eine Standardgröße zu setzen, so dass es auf den meisten Neueren Telefonen und Browsern funktioniert?

Answer 1

IMHO die beste Praxis ist, ohne zu viele Annahmen über Breite und Auflösung des Kunden Gerät auszukommen.

Meist diese Geräte haben Browser ausgerichtet auf die Anzeige / fließenden / Web-Seiten zu reduzieren. Wenn möglich, lassen Sie den Browser, um die Arbeit tun.

Answer 2

Es gibt keine einfache Möglichkeit, pixelgenaue Präzision über mobilen Browser, um sicherzustellen, (eigentlich gibt es keine einfache Möglichkeit, das zu tun, mit jeder Browser). Es gibt jedoch einige Methoden, um mit dieser Art von Arbeit. Zum Beispiel unterstützt mobile Safari für das iPhone einen ‚Ansichtsfenster‘ Meta-Tag, das Sie Attribut wie Breite angeben kann. Hier sind einige Beispiele zur Verwendung:

<meta name="viewport" content="width = 750px" />

<meta name="viewport" content="initial-scale=2.5, user-scalable=no" />

hat Apple einige Informationen

G'day,

Ich weiß, du bist Frage ist auf Herstellung einer Auswahl des optimalen Bildschirmgröße an die Arbeit auf allen Telefonen zu entscheiden, aber dieser Ansatz bald trägt dünn mit den Nutzern.

Eine große Web-Seite, die ich mit zugehörigem bin nimmt den Useragenten-String und normalisiert sie auf einen gemeinsamen Nenner, z.B. über 300 verschiedene UA Strings im Einsatz in Großbritannien für einen bestimmten Sony Ericsson Handy-Typ, so dass sie alle bekommen auf die gleiche Zeichenfolge konvertiert, und dann wird ein Lookup in eine Tabelle Bildschirm Immobilien zu bestimmen.

Die Codierer auch Zugriff auf die aktuelle Verbindungsgeschwindigkeit aufweisen, die von einer Geolocation-Anwendung geschlossen wird, basierend auf Verbindungstyp, Routing-Typen, etc. zum Zeitpunkt der Anfrage. Sie wollen nicht zu sein Senden reich, HD-Medien zu jemandem mit einer langsamen Verbindung.

Dies wird dann verwendet, um

1. entscheiden, ob Rich Content bedient werden kann, und dann
2. Wählen Sie das optimale Format für den Inhalt.

HTH

prost,

Sie können immer "ems" anstelle von Pixeln sie sollte Skala richtig.

Dies ist immer noch ein heikles Thema, da viele mobile Browser grundsätzlich interpretieren, was Sie haben, je nachdem, wie die Entwickler wollten sie interpretieren machen.

Answer 3

Answer 4

Answer 5

G'day,

Ich weiß, du bist Frage ist auf Herstellung einer Auswahl des optimalen Bildschirmgröße an die Arbeit auf allen Telefonen zu entscheiden, aber dieser Ansatz bald trägt dünn mit den Nutzern.

Eine große Web-Seite, die ich mit zugehörigem bin nimmt den Useragenten-String und normalisiert sie auf einen gemeinsamen Nenner, z.B. über 300 verschiedene UA Strings im Einsatz in Großbritannien für einen bestimmten Sony Ericsson Handy-Typ, so dass sie alle bekommen auf die gleiche Zeichenfolge konvertiert, und dann wird ein Lookup in eine Tabelle Bildschirm Immobilien zu bestimmen.

Die Codierer auch Zugriff auf die aktuelle Verbindungsgeschwindigkeit aufweisen, die von einer Geolocation-Anwendung geschlossen wird, basierend auf Verbindungstyp, Routing-Typen, etc. zum Zeitpunkt der Anfrage. Sie wollen nicht zu sein Senden reich, HD-Medien zu jemandem mit einer langsamen Verbindung.

Dies wird dann verwendet, um

1. entscheiden, ob Rich Content bedient werden kann, und dann
2. Wählen Sie das optimale Format für den Inhalt.

HTH

prost,

Answer 6

Sie können immer "ems" anstelle von Pixeln sie sollte Skala richtig.

Dies ist immer noch ein heikles Thema, da viele mobile Browser grundsätzlich interpretieren, was Sie haben, je nachdem, wie die Entwickler wollten sie interpretieren machen.

Answer 7

Sie können immer "ems" anstelle von Pixeln sie sollte Skala richtig.

Dies ist immer noch ein heikles Thema, da viele mobile Browser grundsätzlich interpretieren, was Sie haben, je nachdem, wie die Entwickler wollten sie interpretieren machen.

Answer 8

Answer 9