Bootstrap 3 - 移动设备上的桌面视图

use*_*961 37 css mobile twitter-bootstrap twitter-bootstrap-3

在移动设备上,是否可以将自举网站显示为桌面版?

基本上,页面将显示992px或1200px视口,而不是小型设备.

例如,BBC允许您使用页面底部的链接在移动和桌面站点之间切换,这是我想要做的.

谢谢,利亚姆

Pin*_*nki 55

您只需要设置视口

像你说的那样创建一个链接,这个链接是一个页面的重新加载,但有一个?desktop_viewport=true,然后你可以设置一个会话,只要该会话设置你写这个

<meta name="viewport" content="width=1024">
Run Code Online (Sandbox Code Playgroud)

而不是这个(响应版)

<meta name="viewport" content="width=device-width, initial-scale=1.0">
Run Code Online (Sandbox Code Playgroud)

在你的 <head>

将其用作按钮

<a href="mywebsite.php?show_desktop_mode=true">I want desktop mode!</a>
Run Code Online (Sandbox Code Playgroud)

并将其插入php文件的顶部(必须在每页上加载)

<?php
session_start();
if($_GET['show_desktop_mode'] == 'true') {
    $_SESSION['desktopmode'] = 'true';
}
?>
Run Code Online (Sandbox Code Playgroud)

执行此操作后,您必须通过执行此操作根据Sessionvalue更改视口 <head>

<?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
}
?>
Run Code Online (Sandbox Code Playgroud)

  • 好吧,您不会删除响应式查询,只需将视口设置为不同,通过这样做,您将在移动设备中看到桌面视图.但是,如果您在桌面上拉下浏览器窗口,您仍会看到移动网站. (6认同)