Wie man verschiedene Webseiten je nach Bildschirmgröße lädt?

Question

Ich habe zwei verschiedene Webseiten. Einer ist für Telefone/Tablets und der andere ist für Desktops. Ich möchte eine der Webseiten anzeigen, abhängig vom verwendeten Gerät. Ich kann Medienabfragen nicht verwenden, da der Inhalt in beiden unterschiedlich ist. Irgendeine Hilfe, wie man das erreicht?

Answer 1

können Sie verwenden Javascript

if(screen.width < 991) 
    window.location = 'mobilepage.html'; 

Answer 2

Sie sollten eine Bibliothek verwenden, um Ihre Seite zu skalieren, ist eine sehr beliebte. Grundsätzlich gibt es Klassen, die Sie zu Ihrem Site-Element hinzufügen können, und es wird skaliert. Sie sollten dies anstelle von zwei separaten Websites verwenden, um die Wartung zu vereinfachen.

Answer 3

ich das bin mit:

if(/Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini/i.test(navigator.userAgent)) { /* do what you want */ } 

EDIT:

Für das Laden sollten Sie diese window.location verwenden = ‚mobile.html ';