栏目分类:
子分类:
返回
名师互学网用户登录
快速导航关闭
当前搜索
当前分类
子分类
实用工具
热门搜索
名师互学网 > IT > 面试经验 > 面试问答

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

面试问答 更新时间: 发布时间: IT归档 最新发布 模块sitemap 名妆网 法律咨询 聚返吧 英语巴士网 伯小乐 网商动力

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

您只需要设置视口

像您说的那样建立一个链接,该链接是页面的重新加载,但带有

?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文件的顶部(必须在每个页面上加载女巫)

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

之后,您必须根据以下步骤根据Sessionvalue更改视口

<head>

<?phpif($_SESSION['desktopmode'] == 'true') {        ?>    <meta name="viewport" content="width=1024">    <?php} else {    // DEFAULT    ?>    <meta name="viewport" content="width=device-width, initial-scale=1.0">    <?php}?>


转载请注明:文章转载自 www.mshxw.com
本文地址:https://www.mshxw.com/it/575578.html
我们一直用心在做
关于我们 文章归档 网站地图 联系我们

版权所有 (c)2021-2022 MSHXW.COM

ICP备案号:晋ICP备2021003244-6号