html - 使用 Bootstrap 时，如何使初始加载页面适合显示宽度？

Question

我使用 twitter-bootstrap.css 得到了宽表。
内容从表格的边缘伸出，所以我将这一行添加到 bootstrap.css。

min-width: 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">

Answer 1

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

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

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

这将使您可以看到的数量翻倍 - 调整 initial-scale适当的值。

看看http://twitter.github.com/bootstrap/scaffolding.html#responsive如果你想知道如何隐藏你的一些 <td>移动设备上的元素。