Wie mache ich meine Website mobil und Tablet-kompatibel? [geschlossen]

8

Ich möchte, dass meine bestehende Website automatisch angepasst wird, wenn sie auf Mobilgeräten, Tablets oder sogar auf einem Desktopbildschirm angezeigt wird.

Wenn das zu schwierig ist, welche Vorschläge haben Sie? Ich möchte grundsätzlich eine iPad und iPhone (Android) Version, die die gleiche URL verwendet, mit einem Auto direkt, wenn mobile Browser erkannt werden.

Vielen Dank

    
Darron Donaldson 28.01.2013, 16:44
quelle

3 Antworten

12

Sie suchen nach Responsive Webdesign! Beginnen Sie mit MediaQueries Ссылка

Überprüfen Sie dies auch zum besseren Verständnis

Ссылка

    
Anbu 28.01.2013 16:57
quelle
8

Neben den Antworten anderer Nutzer haben Sie für mobile Websites zwei grundlegende Optionen.

Sie können verschiedene Desktop- und mobile Websites oder eine einzelne responsive Website verwenden, die auf allen Geräten funktioniert.

Bei der ersten Option können Sie mobile Nutzer zu einer völlig anderen URL umleiten, auf der Sie eine mobile Version der Website hosten. Um dies zu tun, können Sie die Umleitung mit etwas wie Ссылка verwalten, oder es gibt viele Varianten für die Umleitung mit .htaccess-Dateien.

Jquery Mobile ist eine wirklich gute Möglichkeit, danach die mobile Seite zu entwickeln.

Dieser Ansatz hat den Vorteil, dass es einfacher ist, eine leichtgewichtige, mobile Version Ihrer Website zu entwickeln. Ein Nachteil ist, dass Sie zwei Websites pflegen müssen - Desktop und Mobile.

Die andere Option ist der reaktionsfähige Ansatz, den andere vorgeschlagen haben. Hier haben Sie grundsätzlich die eine Seite, die sich je nach der Verwitwungsgröße des Browsers des Besuchers neu konfiguriert. Bootstrap und Foundation sind zwei ausgezeichnete Optionen und es gibt viele andere auch.

Responsive Websites verlassen sich auf Medienabfragen, um die Fenstergröße herauszufinden. Dies wird in modernen Browsern gut unterstützt, aber es gibt Probleme mit älteren Browsern, die Sie möglicherweise umgehen müssen. Einige der Vorteile einer reaktionsschnellen Site bestehen darin, dass Sie nur die eine Site verwalten, und theoretisch funktioniert sie für alle Bildschirm- und Fenstergrößen, sodass es kein Problem verursacht, wenn das nächste mobile Gerät mit einer anderen Bildschirmgröße veröffentlicht wird.

Viel Glück, es ist eine interessante Zeit für Webdesign.

    
David Taiaroa 28.01.2013 23:43
quelle
2

Sie müssen sich im responsiven Design umsehen. Es gibt viele freie Open-Source-Frameworks, die Ihnen den Einstieg erleichtern können. Am beliebtesten ist es unter Umständen Bootstrap und Stiftung .

    
juco 28.01.2013 16:51
quelle