文章/答案/技术大牛

发布

社区首页 >问答首页 >在移动环境中查看桌面站点(较少使用框架)

问在移动环境中查看桌面站点(较少使用框架)
EN

Stack Overflow用户

提问于 2013-10-23 05:02:27

回答 1查看 205关注 0票数 3

我对我的网站使用了较少的框架。对于移动屏幕分辨率，已经提供了一个名为“查看完整站点”的按钮。当点击时，需要显示站点的桌面版本。简而言之，媒体查询应该自动更改为默认设置。但我不知道该怎么做。我知道，如果我能简单地制作两个不同的版本，一个是移动版，一个是桌面版，那就太容易了。但是我想知道一种使用更少框架的桌面版本的方法。

php

css

mobile

回答 1

Stack Overflow用户

回答已采纳

发布于 2013-10-23 05:16:00

解决这一问题的一种方法是根据用户的选择在<html>或<body>标记上设置或删除类。

例如，默认情况下，您可以拥有

<html class="responsive">

然后，在媒体查询中，在所有内容前加上这个类。

@media (max-width: 767px) {
    // using LESS syntax here, otherwise, prefix each selector with .responsive
    .responsive {
        // all your CSS for small screens
    }
}

然后，您可以根据点击View按钮为用户首选项设置cookie或其他形式的持久化值。检测此值并使用它从文档元素中删除responsive类，例如(在<head>中)

<script>
    if (full_site_requested) {
        document.documentElement.className = document.documentElement.className.replace('responsive', '');
    }
</script>

票数 2

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/19533156

复制

相似问题

问在移动环境中查看桌面站点(较少使用框架)
EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问在移动环境中查看桌面站点(较少使用框架)EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问在移动环境中查看桌面站点(较少使用框架)
EN