0

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

最小宽度：400px；

引导程序.css

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

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

索引.html

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

1 回答 1

1

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

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

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

这将使您可以看到的数量翻倍 -initial-scale根据需要调整值。

如果您想了解如何在移动设备上隐藏某些元素，请查看http://twitter.github.com/bootstrap/scaffolding.html#responsive 。<td>

于 2013-01-06T10:55:50.860 回答