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)