css - iPad 上的 Twitter 引导网格错误

Question

我正在尝试将 twitter bootstrap (v3) 集成到我目前正在构建的一个小站点中，但是我在 iPad 上的网格中看到了一个错误（横向模式），列总数为 12，但似乎没有对齐右手边。

我想也许我添加了一些可能会影响网格样式的 CSS，但是回到 twitter bootstrap 文档我实际上在那里看到了同样的错误（http://getbootstrap.com/css/#grid-示例基本）。

我只是想知道是否有其他人遇到过同样的问题，如果是，他们是否找到了解决方法？

我在下图中添加了一条突出显示问题的红线。十二行.col-md-1似乎没有加起来其他行的宽度！？！？

iPad 上的 Twitter 引导网格错误

score 2 · Accepted Answer

我在这里创建了一个解决方案，希望您查看，请在 GitHub 页面上而不是在此处发回。另外，请对此进行投票，以便其他人可以找到它。

score 1 · Accepted Answer

我猜你是在 github 上提出这个问题的人，但对于其他偶然发现这个问题的人来说，这似乎是一个 safari 舍入问题。稍后会更新。

这大概是我们的文档中提到的“Safari 百分比舍入”问题：http: //twbs.github.io/bootstrap/getting-started/#browsers 虽然这是我们在 iOS Safari 上得到的第一份报告。猜猜我们需要在这方面更新文档。

这似乎是真的。我做了一个快速测试，尝试了不同的 col 宽度，当你得到更多的列时，空白的数量会增加（更多的舍入错误）。

在你的 ipad 上横向查看：

2 回答 2