Bootstrap 3 を使用してモバイル デバイスで強制的にデスクトップ ビューを表示するにはどうすればよいですか?

Bootstrap 3 を使用してモバイル デバイスにデスクトップ ビューを提供する

リアム、あなたは Bootstrap Web サイトをデスクトップ ビューポートに表示したいという希望を表明しました。モバイルデバイス上で。これを実現する方法を見てみましょう。

ビューポートの変更

ここで重要な点はビューポートの設定です。ページを更新し、URL に「?desktop_viewport=true」を追加するリンクを導入します。これにより、セッションを作成し、レスポンシブ ビュー (「width=device-width」) ではなくデスクトップ ビュー (例: 「width=1024」) をレンダリングできるようになります。

ボタンとセッションの変更

デスクトップ モードを切り替えるボタンを含めます:

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

PHP ファイルで、次のコードを利用します:

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

条件付きビューポート

を に設定します。セクションでは、セッション値に基づいてビューポートを設定する条件付きロジックを追加します:

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

以上がBootstrap 3 を使用してモバイル デバイスで強制的にデスクトップ ビューを表示するにはどうすればよいですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。