
Desktop-Version der Bootstrap-Website auf mobilen Geräten anzeigen
Frage:
Ist das möglich? Möchten Sie eine Bootstrap-Website als Desktop-Version auf einem mobilen Gerät anzeigen und dabei die größeren 992px- oder 1200px-Ansichtsfenster anzeigen?
Antwort:
Um dies zu erreichen, führen Sie die folgenden Schritte aus:
1. Konfigurieren Sie den Ansichtsbereich:
- Erstellen Sie einen Link, der die Seite mit dem Parameter „?desktop_viewport=true“ in der URL neu lädt.
- Stellen Sie eine PHP-Sitzung ein, um den Desktop zu verfolgen Anzeigemodus.
- Im Stellen Sie im Abschnitt der Seite das Ansichtsfenster auf eine feste Breite von 1024 Pixel für den Desktop-Modus ein und verwenden Sie die reaktionsfähigen Ansichtsfenster-Einstellungen für den mobilen Modus.
2. Code:
- Schaltfläche zum Wechseln in den Desktop-Modus:
1 | <code class = "html" ><a href= "mywebsite.php?show_desktop_mode=true" >I want desktop mode!</a></code>
|
Nach dem Login kopieren
- PHP-Sitzungsinitialisierung und Ansichtsfenstereinstellung:
1 2 3 4 5 6 | <code class = "php" ><?php
session_start();
if ( $_GET [ 'show_desktop_mode' ] == 'true' ) {
$_SESSION [ 'desktopmode' ] = 'true' ;
}
?></code>
|
Nach dem Login kopieren
- Ansichtsfenster basierend auf dem Sitzungswert festlegen:
1 2 3 4 5 6 7 8 9 10 11 12 13 | <code class = "html" ><?php
if ( $_SESSION [ 'desktopmode' ] == 'true' ) {
?>
<meta name= "viewport" content= "width=1024" >
<?php
} else {
?>
<meta name= "viewport" content= "width=device-width, initial-scale=1.0" >
<?php
}
?></code>
|
Nach dem Login kopieren
Das obige ist der detaillierte Inhalt vonKann ich eine Bootstrap-Website zwingen, die Desktop-Version auf Mobilgeräten anzuzeigen?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!