Verschiedene Browser auf verschiedenen Telefonen haben unterschiedliche Bildschirmauflösung.Welchen Best Practice-Ansatz gibt es, um die Seitenbreite für mobile Webseiten festzulegen?
Gibt es eine Best Practice in der Community, um die Breite auf eine Standardgröße zu setzen, so dass es auf den meisten modernen Handys und Browsern funktioniert?
IMHO die beste Praxis ist es, ohne zu viele Annahmen über die Breite und Auflösung des Clients Gerät auszukommen.
Meistens haben diese Geräte Browser, die darauf ausgerichtet sind, Webseiten anzuzeigen/zu fließen/zu reduzieren. Wenn möglich, lassen Sie den Browser die Arbeit machen.
Sie könnten immer "ems" anstelle von Pixeln verwenden, die sollte richtig skalieren.
Dies ist immer noch ein heikles Thema, da viele mobile Browser grundsätzlich interpretieren, was Sie haben, abhängig davon, wie die Entwickler es interpretieren wollten.
G'day,
Ich weiß, du bist Frage auf Herstellung eine Auswahl der optimalen Bildschirmgröße zu entscheiden, ist auf allen Telefone zu arbeiten, aber dieser Ansatz bald trägt dünn mit den Nutzern.
Eine große Website, mit der ich verbunden bin, nimmt die UserAgent-Zeichenfolge und normalisiert sie auf einen gemeinsamen Nenner, z. Über 300 verschiedene UA-Strings, die in Großbritannien für einen bestimmten Sony Ericsson-Telefontyp verwendet werden, werden alle in dieselbe Zeichenfolge konvertiert und suchen dann in einer Tabelle nach, um die Bildschirmgröße zu bestimmen.
Die Coder haben auch Zugriff auf die aktuelle Verbindungsgeschwindigkeit, die durch eine Geolocation-Anwendung basierend auf Verbindungstyp, Routing-Typ, etc. zum Zeitpunkt der Anfrage abgeleitet wird. Sie möchten keine Rich-HD-Medien an Personen mit einer langsamen Verbindung senden.
Dies wird dann zu
HTH
prost,
Es gibt keine einfache Möglichkeit, pixelgenaue Präzision über mobilen Browser, um sicherzustellen, (eigentlich gibt es keine einfache Art und Weise, mit jeden Browser zu tun). Es gibt jedoch einige Methoden, um mit dieser Art von Arbeit zu helfen. Zum Beispiel unterstützt mobile Safari für das iPhone ein "Viewport" -Meta-Tag, mit dem Sie Attribute wie Breite angeben können. Hier sind einige Beispiele der Nutzung:
<meta name="viewport" content="width = 750px" />
<meta name="viewport" content="initial-scale=2.5, user-scalable=no" />
hat Apple einige Informationen here, und Sie werden viel mehr Informationen über die Bahn finden.