Bagaimana Memaksa Paparan Desktop pada Peranti Mudah Alih dengan Bootstrap 3?

Menyediakan Paparan Desktop pada Peranti Mudah Alih dengan Bootstrap 3

Liam, anda telah menyatakan hasrat untuk memaparkan tapak web Bootstrap dalam paparan desktopnya pada peranti mudah alih. Mari kita terokai cara untuk mencapai matlamat ini.

Pengubahsuaian Viewport

Aspek penting di sini ialah menetapkan viewport. Memperkenalkan pautan yang menyegarkan halaman dan menambahkan "?desktop_viewport=true" pada URL. Ini akan membolehkan anda membuat sesi dan memaparkan paparan desktop (cth., "width=1024") dan bukannya yang responsif ("width=device-width").

Butang dan Pengubahsuaian Sesi

Sertakan butang untuk menogol mod desktop:

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

Dalam fail PHP anda, gunakan kod ini:

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

Pandangan Bersyarat Tetapan

Di bahagian

bahagian, tambah logik bersyarat untuk menetapkan viewport berdasarkan nilai sesi:

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

Atas ialah kandungan terperinci Bagaimana Memaksa Paparan Desktop pada Peranti Mudah Alih dengan Bootstrap 3?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!