Css 有什么简单的方法可以禁用桌面上的引导移动视图吗？

在深入研究之后，我不确定除了有条件地重写许多CSS类之外，这是否可能。我有什么遗漏吗？如果viewport能在桌面浏览器上工作，我会很高兴，因为在使用它的移动设备上显示桌面视图很简单。但我似乎找不到任何方法来设置或伪造Bootstrap读取的值，以知道何时进入移动视图。有没有办法“欺骗”引导程序，使其认为维度仍然是桌面大小的？我曾尝试在.container和html标记上设置宽度，这确实引入了水平滚动条，但由于该站点最初是响应性地从头开始构建的，因此页面中的所有内容仍在切换到移动视图。对于实际的移动设备，仍然必须维护移动视图

这种情况也不太理想，但这是我试图满足的客户要求。任何策略都是最值得赞赏的。谢谢大家!

使用标签上的CSS scale（）转换函数来缩放内部的所有内容

html {
    transform: scale(.5);
    -webkit-transform: scale(.5);
    -moz-transform: scale(.5);
    -ms-transform: scale(.5);
    -o-transform: scale(.5);
    width: 200%;
    height: 200%;
    margin: -50% -50%;
}

在标记上使用CSS scale（）转换函数来缩放内部的所有内容

html {
    transform: scale(.5);
    -webkit-transform: scale(.5);
    -moz-transform: scale(.5);
    -ms-transform: scale(.5);
    -o-transform: scale(.5);
    width: 200%;
    height: 200%;
    margin: -50% -50%;
}

---

好吧，我可以通过轻微的手来做到这一点。我根据SO post制作了一个带有大小覆盖的单独文件。然后我创建了一个单独的“无移动”版本的site.less文件，设置的文件如下：

@import "Site.less";
@import "variable-overrides.less";

由于LESS在CSS的自上而下覆盖样式下工作，因此在我们使用引导屏幕大小变量的无站点文件中，这会到处重写。LESS编译器还自动创建辅助CSS文件。我对Bootstrap本身也做了同样的事情来创建响应性较小的Bootstrap（通过导入Bootstrap.less，然后导入它下面的变量override less文件）

确定我使用的是真正的桌面浏览器还是移动浏览器有点困难。据我所知，功能检测在这种情况下不起作用（屏幕宽度不起作用，因为桌面浏览器可以缩小到相同的尺寸）。所以我最终使用了操作系统检测。我知道，这不是最好的解决方案，但这是客户想要的。我最终使用了这个库来确定我使用的是什么操作系统，通过测试，它似乎运行得很好（虽然我知道它很容易被愚弄，但它只会让用户对网站有不同的看法）。在我知道我在哪个操作系统上之后，我会像这样动态链接CSS

所以，是的，有点老套，但到目前为止似乎效果不错。我真的希望viewport能在桌面浏览器上工作，因为这会让事情变得更简单，但这不是一个坏的解决方案。LESS允许我们所有的LESS都在一个文件中，因此创建第二个CSS文件绝对没有重复，它的变量覆盖系统对于这个工作来说是绝对必要的

---

也许这会对其他人有用

好吧，我可以用手轻轻一点来做这件事。我根据SO post制作了一个带有大小覆盖的单独文件。然后我创建了一个单独的“无移动”版本的site.less文件，设置的文件如下：

@import "Site.less";
@import "variable-overrides.less";

由于LESS在CSS的自上而下覆盖样式下工作，因此在我们使用引导屏幕大小变量的无站点文件中，这会到处重写。LESS编译器还自动创建辅助CSS文件。我对Bootstrap本身也做了同样的事情来创建响应性较小的Bootstrap（通过导入Bootstrap.less，然后导入它下面的变量override less文件）

确定我使用的是真正的桌面浏览器还是移动浏览器有点困难。据我所知，功能检测在这种情况下不起作用（屏幕宽度不起作用，因为桌面浏览器可以缩小到相同的尺寸）。所以我最终使用了操作系统检测。我知道，这不是最好的解决方案，但这是客户想要的。我最终使用了这个库来确定我使用的是什么操作系统，通过测试，它似乎运行得很好（虽然我知道它很容易被愚弄，但它只会让用户对网站有不同的看法）。在我知道我在哪个操作系统上之后，我会像这样动态链接CSS

所以，是的，有点老套，但到目前为止似乎效果不错。我真的希望viewport能在桌面浏览器上工作，因为这会让事情变得更简单，但这不是一个坏的解决方案。LESS允许我们所有的LESS都在一个文件中，因此创建第二个CSS文件绝对没有重复，它的变量覆盖系统对于这个工作来说是绝对必要的

---

也许这会对其他人有用

所以你想移除引导的响应性？不是真的移除它。如果我想完全删除它，我可以遵循官方文件中的建议。相反，我只想阻止它进入桌面上的移动视图。我认为答案必须来自Bootstrap之外的一些技巧或黑客，否则我相信Bootstrap内的唯一答案将是覆盖几十个类。所以你想删除Bootstrap的响应性？不是真的删除它。如果我想完全删除它，我可以遵循官方文件中的建议。相反，我只想阻止它进入桌面上的移动视图。我认为答案必须来自Bootstrap之外的一些技巧或黑客，否则我相信Bootstrap内的唯一答案将是覆盖几十个类。谢谢！然而，这两个我已经有了。这个问题要复杂得多。这个网站从一开始就被设计为具有响应性，因此每个页面都有由引导网格、可见sm、隐藏X等组成的移动视图。当浏览器变为超小尺寸时，所有这些仍会被触发，因此移动视图仍会出现。基本上，您也想在移动设备上使用桌面视图？我们能够允许桌面视图成为移动设备上的可选选项，因为在