0

我目前正在使用 bootstrap 3.0 框架制作响应式博客。我正在为我的内容使用 1197 Max-width 容器，它在桌面上呈现良好。但是，当我尝试在手机上打开网站时（我使用的是 Android Galaxy Note 2），视口的左右两侧有很多额外的填充。我已尝试尽可能地遵循 API 文档和指南，但仍然无法使其正常工作。

这是我正在处理的网站http://www.justinbar.net

有谁知道这是怎么回事？我是在做错什么，还是我需要覆盖默认行为（这对我来说听起来有点 hacky）。

4

1 回答 1

1

首先，检查该设备的分辨率。我假设它小于最大的，并且不完全适合任何默认引导程序的屏幕宽度。

例如，当您的设备的屏幕宽度为 800 像素并且引导程序的媒体查询定义了 768 像素的布局时，会出现两侧的填充。容器宽度最大为 768px，如果您的装订线大于 0，则内容的宽度将因两端出现的装订线而减小。

我建议您查看Bootstrap 定制器，您可以在其中定义自己的布局断点和装订线。请记住，有大量具有不同分辨率的设备，因此您的目标不应是使您的布局合二为一，而应使其尽可能适合许多设备且流畅。

于 2013-10-30T21:50:59.217 回答