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

小编典典

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

css

在移动设备上时，是否可以将引导网站显示为桌面版本？

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

例如，BBC允许您使用页面底部的链接在移动网站和桌面网站之间进行切换，这就是我想做的。

谢谢

阅读 353

2020-05-16

共1个答案

小编典典

您只需要设置视口

像您说的那样建立一个链接，该链接是页面的重新加载，但带有?desktop_viewport=true，则可以设置会话，只要设置了该会话，就可以编写

<meta name="viewport" content="width=1024">

代替此（响应版本）

<meta name="viewport" content="width=device-width, initial-scale=1.0">

在你的 <head>

将此用作按钮

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

并将其插入您的php文件的顶部（必须在每个页面上加载女巫）

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

之后，您必须根据以下步骤根据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
}
?>

2020-05-16