Wie erzwinge ich die Desktop-Ansicht auf Mobilgeräten mit Bootstrap 3?

Desktop-Ansicht auf Mobilgeräten mit Bootstrap 3 bereitstellen

Liam, Sie haben den Wunsch geäußert, eine Bootstrap-Website in ihrem Desktop-Ansichtsfenster anzuzeigen auf mobilen Geräten. Lassen Sie uns untersuchen, wie Sie dies erreichen können.

Ansichtsfenster-Änderung

Der entscheidende Aspekt hierbei ist die Einstellung des Ansichtsfensters. Fügen Sie einen Link ein, der die Seite aktualisiert und „?desktop_viewport=true“ an die URL anhängt. Dadurch können Sie eine Sitzung erstellen und die Desktop-Ansicht (z. B. „width=1024“) anstelle der reaktionsfähigen Ansicht („width=device-width“) rendern.

Schaltflächen- und Sitzungsänderung

Fügen Sie eine Schaltfläche zum Umschalten des Desktop-Modus ein:

<code class="html"><a href="mywebsite.php?show_desktop_mode=true">I want desktop mode!</a></code>

Verwenden Sie in Ihrer PHP-Datei diesen Code:

<code class="php"><?php
session_start();
if ($_GET['show_desktop_mode'] == 'true') {
    $_SESSION['desktopmode'] = 'true';
}
?></code>

Bedingter Ansichtsbereich Einstellung

Im Fügen Sie im Abschnitt bedingte Logik hinzu, um das Ansichtsfenster basierend auf dem Sitzungswert festzulegen:

<code class="html"><?php
if ($_SESSION['desktopmode'] == 'true') {
    /* DESKTOP MODE */
    ?>
    <meta name="viewport" content="width=1024">
    <?php
} else {
    // DEFAULT
    ?>
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <?php
}
?></code>

Das obige ist der detaillierte Inhalt vonWie erzwinge ich die Desktop-Ansicht auf Mobilgeräten mit Bootstrap 3?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!