html - 在移动设备中从移动版本切换到桌面版本

Question

我在媒体查询的帮助下创建了我的网站的移动版本，有没有办法在移动设备中从移动版本切换到桌面版本？请告诉我..

Answer 1

是的，有办法。您可以在不同的样式表中添加媒体查询，并使用 Javascript 或 PHP 禁用样式表。

我建议你用 PHP 来做，因为 javascript 可以被禁用。

<link rel="stylesheet" href="style.css">
<?php if(isset($_COOKIE['nomobile'])){
// don't echo the stylesheet
}
else{
 echo '<link rel="stylesheet" href="mediaqueries.css">';
}
?>

此方法使用 cookie，因此要禁用页面的移动版本，您应该nomobile.php根据您的技能水平创建指向页面或类似页面的链接。

的内容nomobile.php可能类似于：

<?php
setcookie("nomobile", true, time()+3600);
header("Location: http://www.yoursite.com");
?>

---

nomobile.php设置一个将在一小时内过期的 cookie (60*60 = 3600)，并重定向到网站的索引页面。

<?php if(!isset($_COOKIE['nomobile'])){检查cookie，如果设置了，它不会将样式表打印到页面上，用户将看到页面的完整版本。如果未设置 cookie，则应用所有媒体查询。