Puis-je forcer un site Web Bootstrap à afficher la version de bureau sur les appareils mobiles ?

Affichage de la version de bureau du site Web Bootstrap sur les appareils mobiles

Question :

Est-ce possible pour afficher un site Web Bootstrap en tant que version de bureau sur un appareil mobile, en affichant les fenêtres d'affichage plus grandes de 992 px ou 1 200 px ?

Réponse :

Pour y parvenir, suivez ces étapes :

1. Configurez la fenêtre :

• Créez un lien qui recharge la page avec le paramètre "?desktop_viewport=true" dans son URL.
• Définissez une session PHP pour suivre le bureau mode d'affichage.
• Dans le mode d'affichage de la page, définissez la fenêtre d'affichage sur une largeur fixe de 1 024 px pour le mode bureau et utilisez les paramètres de la fenêtre d'affichage réactive pour le mode mobile.

2. Code :

• Bouton pour passer en mode bureau :

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

• Initialisation de la session PHP et paramétrage de la fenêtre d'affichage :

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

• Définir la fenêtre d'affichage en fonction de la valeur de la session :

<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>

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!