dtr32221 2013-10-23 05:02
浏览 33
已采纳

在移动中查看桌面站点（使用的框架较少）

I have used less framework for my site. For mobile screen resolution, a button called 'View Full Site' has been provided. When tapped, the desktop version of the site needs to be displayed. In short, the media query should be automatically changed to default. But I have no idea about how to do it. I know it would have been easy if I would have simply made 2 separate versions - one for mobile and one for desktop. But I would like to know a way to get the desktop version using less framework.

  • 写回答

1条回答 默认 最新

  • dongwei7048 2013-10-23 05:16
    关注

    One way to solve this is to set or remove a class on your <html> or <body> tag based on the user choice.

    For example, by default you could have

    <html class="responsive">

    Then, in your media query, prefix everything with this class

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

    You could then set a cookie or some other form of persisted value for the user preference based on hitting the View full site button. Detect this value and use it to remove the responsive class from the document element, eg (in <head>)

    <script>
    if (full_site_requested) {
        document.documentElement.className = document.documentElement.className.replace('responsive', '');
    }
</script>
    本回答被题主选为最佳回答 , 对您是否有帮助呢?
    评论

报告相同问题？

  • 2024前端面试题总汇（持续更新中...）
    2023-09-26 06:11
    小菜猿_的博客 前端面试八股文大全！！！！！
  • Web前端热门框架大全
    2019-11-15 16:16
    几何幸运的博客 ********前端热门JavaScript框架的分析**** 一、 vue介绍 1.官网：https://cn.vuejs.org/ 2.什么是vue.js Vue.js是一套构建用户界面的渐进式框架。与其他重量级框架不同的是，Vue 采用自底向上增量开发的设计。Vue ...
  • 前端面试八股文（超详细）
    2022-03-06 17:42
    小泽今天早睡的博客 Promise 是一种状态机： pending（进行中）、fulfilled（已成功）和rejected（已失败） 只有异步操作的结果，可以决定当前是哪一种状态，任何其他操作都无法改变这个状态。 回调地狱 回调函数中嵌套回调函数的情况...
  • 2.前端框架整理
    2021-05-14 10:49
    全栈997的博客 ①9大前端框架 1.Vue https://cn.vuejs.org Vue (读音 /vjuː/，类似于view) 是一套用于构建用户界面的渐进式框架。与其它大型框架不同的是，Vue 被设计为可以自底向上逐层应用。Vue 的核心库只关注视图层，...
  • 前端架构技术选型
    2021-09-17 19:53
    李羊羊dev的博客 因为要整合别的框架，并且在此基础上发展适合自己的组件库，代价非常大，初期没办法的时候只能凑合，长期来说，所有代码都可控的意义非常重要。 常见的前端产品形态包括： 内容型Web站点：侧重渲染方面的优化，...
  • 【前端】框架-构建-包管理-语言-语法-生态工具
    2025-01-16 19:14
    慢码人生的博客 虽然现代开发中使用较少，但在某些旧系统中仍然常见。 Markdown 一种轻量级标记语言，用于编写格式化文本内容，如文档和博客。 语法简单，易于阅读和写作。 GraphQL 一种查询语言，用于与 API 通信，提供比 REST 更...
  • 前端开发技术栈（插件篇）：400+常用前端开发插件总结清单（持续更新......）
    2023-01-04 00:59
    CTO Plus技术服务栈的博客 常用前端开发插件总结清单，日常前端开发的时候，尤其在使用一些常用的功能的时候，例如：表单，，动画效果，时间选择，文件上传，下拉框等功能。直接用插件可以让自己节省更多的开发时间，更多的去关心业务，自己...
  • 14万字面试题汇总整理，祝你顺利斩获大厂前端offer
    2021-07-17 09:08
    麦田上的字节的博客 严格模式就是浏览器根据web标准去解析页面，是—种要求严格的DTD(Document Type Definition)，不允许使用任何表现层的语法， 混杂模式是—种向后兼容的解析方法。 触发标准模式或者说严格模...
  • 谈谈前端性能优化-面试版
    2023-02-27 09:20
    loveX001的博客 那么，本文就带你简单了解前端性能优化的几个主要方面，旨在抛砖引玉。css的解析和js的执行是互斥的（互相排斥），css解析的时候js停止执行，js执行的时候css停止解析；无论css阻塞，还是js阻塞，都不会阻塞浏览器...
  • 2022前端未来发展趋势
    2022-02-26 19:02
    web15085181368的博客 想搞好前端其实并不容易，除了面对复杂且分散的知识面以外，还要紧跟技术发展趋势，吸收更多的衍生框架。本章仅从作为UU跑腿-同城即送行业从事多年的Web前端开发者视角，解读前端未来发展趋势。 移动端能力放大 以...
  • 没有解决我的问题, 去提问