如何使用 Bootstrap 3 在行動裝置上強制顯示桌面視圖？

使用Bootstrap 3 在行動裝置上提供桌面檢視

Liam，您已經表達了在其桌面視窗中顯示Bootstrap 網站的願望在行動裝置上。讓我們探討一下如何實現這一點。

視口修改

這裡的關鍵部分是設定視口。引入刷新頁面的連結並將「?desktop_viewport=true」附加到 URL。這將允許您建立一個會話並渲染桌面視圖（例如，“width=1024”）而不是響應式視圖（“width=device-width”）。

按鈕和會話修改

包含一個切換桌面模式的按鈕：

<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中文網其他相關文章！