2012-10-21 7 views
5

Wie skalieren Sie eine Webanwendung ordnungsgemäß, sodass sie plattformübergreifend kompatibel ist? Bei so vielen verschiedenen Telefonen mit unterschiedlichen Bildschirmauflösungen sollte eine gute Höhe/Breite angestrebt werden. Was ist der effektivste Weg, um diese Skala zu machen?Skalieren von Bildschirmgrößen von Webanwendungen für verschiedene Geräte

Wenn Sie meine Frage nicht verstehen: Wenn Sie eine Webseite auf ein Telefon laden, wird sie automatisch auf die volle Größe einer Webseite skaliert, anstatt sie zu vergrößern, damit Sie den Text richtig sehen können. Wie haben Sie es so ist es automatisch herangezoomt.

+0

Der Begriff "Skalierungs-Webanwendung" wurde in der Server- und Anwendungsarchitektur verwendet und ist daher hier irreführend. Ich denke, der entsprechende Fragetitel sollte lauten "Bildschirmgrößen von Webanwendungen für verschiedene Geräte skalieren", sofern Sie nicht zwei verschiedene Fragen stellen. Sie können einige Informationen [http://en.wikipedia.org/wiki/Responsive_web_design] finden, die für Responsive Webdesign nützlich sind. Einige Ressourcen [http://stuffandnonsense.co.uk/projects/320andup/] und [hier] (http://www.quirksmode.org/mobile/) können Sie ebenfalls nützlich finden – VKen

Antwort

3

Ich würde vorschlagen, dass Sie über Responsive Web Design lesen.

Zitiert aus Wikipedia: „Responsive Web-Design (oft zu RWD abgekürzt) ist ein Ansatz, um Web-Design, in dem ein Ort gefertigt wird eine optimales Seherlebnis-leichtes Ablesen und Navigation mit einem Minimum an Ändern der Größe zu schaffen, Panning und Scrollen über eine breite Palette von Geräten (von Desktop-Computer-Monitoren zu Mobiltelefonen). "

Wenn Sie search for it, gibt es Hunderte von tollen Artikeln.

Hier ist a beginner's guide. Es gibt auch Bücher zum Thema.