ブートストラップ Web サイトに強制的にデスクトップ バージョンをモバイル デバイスに表示させることはできますか?

モバイルデバイスでデスクトップバージョンの Bootstrap Web サイトを表示する

質問:

可能ですかBootstrap Web サイトをモバイル デバイス上のデスクトップ バージョンとして表示し、より大きな 992 ピクセルまたは 1200 ピクセルのビューポートを表示するには?

回答:

これを実現するには、次の手順に従います。

1.ビューポートを構成します。

• URL にパラメータ「?desktop_viewport=true」を使用してページをリロードするリンクを作成します。
• デスクトップを追跡するための PHP セッションを設定します。表示モード。
• ページのセクションでは、デスクトップ モードの場合はビューポートを 1024 ピクセルの固定幅に設定し、モバイル モードの場合はレスポンシブ ビューポート設定を使用します。

2.コード:

• デスクトップ モードに切り替えるボタン:

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

以上がブートストラップ Web サイトに強制的にデスクトップ バージョンをモバイル デバイスに表示させることはできますか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。