android - 在移动设备中将网站页面大小设置为普通桌面大小

我正在对当前站点进行重新编码，但是遇到了移动兼容性问题。

如果通过移动设备（here）查看当前网站，则可以看到该网站的宽度和高度是正常大小，就像在桌面上查看时一样，它可以垂直和水平滚动。

但是，在我的新站点上（使用bootswatch的bootstrap板-bootswatch.com/slate/），当您在移动设备上预览时，它会尝试将其全部压缩到固定的移动设备宽度（here）

我尝试在下面添加行，但是没有区别。

<meta name="viewport" content="width=device-width, initial-scale=1.0,  minimum-scale=1.0">

html,
 body {
    height: 100%;
    width: 100%;
  }

有什么方法可以使新网站在移动设备中以与当前网站相同的尺寸显示？

谢谢。

最佳答案

我猜您看到的是引导程序的响应行为。而且恕我直言，将内容适合移动设备上的设备宽度绝对是有意义的。

您可以在此处阅读有关在引导项目中禁用响应功能的信息：Disabling bootstrap responsiveness

更新：

要使您的内容水平滚动，请添加：

html, body {
    overflow: auto;
}

到您的样式表。

如果这样不起作用，请尝试在声明中添加!important：

html, body {
    overflow: auto !important;
}

注意：
这不是明智的css性能最有效的方法，但是考虑到您对CSS的理解水平，我想您自己更改bootstrap.css实在太多了。