微信公众号搜"智元新知"关注
微信扫一扫可直接关注哦!

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

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

基本上页面显示992像素或1200像素的视口,而不是小设备。

例如,BBC可以使用页面底部链接在手机和桌面网站之间切换,这是我想做的。

谢谢,
利亚姆

解决方法

你只需要设置视口

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

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

而不是这(响应版)

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

在您的< head>

EDITED

使用此按钮

<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';
}
?>

完成后,您必须根据会话值更改视口,方法是在< 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
}
?>

版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。