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
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.
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 .
Tags und Links javascript mobile website android-compatibility