我使用 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">
最佳答案
使用 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>
移动设备上的元素。
关于html - 使用 Bootstrap 时,如何使初始加载页面适合显示宽度?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/14179680/