css - 在桌面上禁用 Bootstrap 移动 View 的任何简单方法？

Question

在深入研究之后，我不确定除了有条件地覆盖大量 CSS 类之外是否可行。我有什么想念的吗？如果 viewport 在桌面浏览器上工作，我会很高兴，因为在使用它的移动设备上显示桌面 View 是微不足道的。但我似乎找不到任何方法来设置或伪造 Bootstrap 正在读取的值以了解何时进入移动 View 。有什么方法可以“欺骗”Bootstrap 认为尺寸仍然是桌面大小？我已经尝试在 .container 和 html 标签上设置宽度，这确实引入了水平滚动条，但由于该网站最初是从头开始响应式构建的，因此页面内的所有内容仍会翻转到移动 View 。仍然需要为实际的移动设备维护移动 View 。

这种情况也不太理想，但这是我努力兑现的客户要求。任何策略都将非常感激。谢谢你!

Answer 1

在标签上使用 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%;
}