Richtlinien oder Faustregeln für mobiles Webdesign (HTML5, Android, iPhone)?

Question

Es gibt mehrere Posts auf SO, die die verschiedenen Bildschirmauflösungen beschreiben, die auf Android verfügbar sind.

Meine Frage ist, ob es Regeln für Daumen oder allgemeine Hinweise gibt, um auf Android-Bildschirmen zu entwerfen. Zum Beispiel auf dem Desktop-Web, eine Faustregel, die ich gehört habe, ist für eine Breite von ~ 970 Pixel zu entwerfen.

Diese Frage könnte sowohl native Apps als auch Webanwendungen auf Android betreffen.

Wir sind auch neugierig, ähnliche Vorschläge für das iPhone zu hören (obwohl ich glaube, dass es irgendwo einen Post gibt, der das diskutiert).

Danke!

Answer 1

Eine erwähnenswerte Sache ist nicht verwendet ein festes Layout. Versuchen Sie so lange wie möglich, streng relative Layouts für Ihre Anwendung zu verwenden (da es so viele unterschiedliche Bildschirmgrößen mit verschiedenen Auflösungen usw. gibt). Ein gutes Layout mit relativen Maßen kann Sie weit bringen.

Der Abschnitt Supporting Multiple Screens auf den Android-Entwicklerseiten enthält einige gute Informationen.

Answer 2

Google hat die Entwicklerdokumentation mit coverage of mobile web design für Android aktualisiert.