Html 使用引导时，如何使初始加载的页面与显示宽度相适应？

我使用twitter bootstrap.css创建了一个宽幅表格。
内容从表的边缘突出，所以我将这一行添加到bootstrap.css

最小宽度：400px

bootstrap.css

body { 
    min-width: 400px;
    padding-top: 60px;
    padding-bottom: 40px;
    background-color: #27292b;
    background: url('/assets/body-bg.jpg');
}

但现在，当我的智能手机加载页面时，初始外观会放大为默认值。
我怎样才能使它合身

index.html

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

---

使用引导，显示包含大量内容的表并不简单，尤其是在移动设备上

首先考虑移动设备上需要多少内容，如果仍然存在问题，可以通过减小视口元标记中的初始比例来增加移动视口的大小，如下所示：

这将使您可以看到的范围翻倍-根据需要调整

初始比例

值

如果您想了解如何在移动设备上隐藏某些

元素，请查看