Comment forcer un site Web Bootstrap à s'afficher en mode bureau sur les appareils mobiles ?

Afficher la vue du bureau du site Web Bootstrap sur les appareils mobiles

Pour afficher la vue du bureau d'un site Web Bootstrap sur un appareil mobile, il est nécessaire de ajustez les paramètres de la fenêtre d'affichage.

Définition de la fenêtre d'affichage

Créez un lien qui recharge la page avec le paramètre suivant :

<code class="html">?desktop_viewport=true</code>

Vérification de la session

Dans votre fichier PHP chargé sur chaque page, démarrez la session et recherchez le paramètre desktop_viewport GET. S'il est défini sur true, définissez la variable $_SESSION['desktopmode'] sur true.

Ajustement de la fenêtre

Dans le menu de votre page, ajustez la fenêtre d'affichage en fonction de la variable de session mode bureau :

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

Cela définira la fenêtre d'affichage sur une largeur de 1 024 px en mode bureau, ou utilisera la largeur par défaut de l'appareil dans le cas contraire.

Exemple de bouton

Ajouter un bouton pour déclencher le mode bureau :

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

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!