我正在开发一个HTML5跨平台移动应用程序。我正在使用Bootstrap 3进行设计，但对于特定问题，它与之无关。这是问题所在：
我有一个行div列表，每个div都有一个col-xs-2标题div和一个col-xs-10内容div。在内容div中，我根据百分比手动放置各种宽度的div，但在大多数情况下，它是20％，40％，60％，80％或100％。一切正常，直到我将手机旋转到横向视图。仅在某些设备（！）上，40％div的宽度与两个20％div的总宽度之间存在1px的差异。一个20％div计算为89px宽，而一个40％div计算为179px。 40％的div应该是178px。
我该怎么办？对我来说重要的是div在完全相同的点开始和结束。这1px的差异就是杀戮。它只出现在某些设备上（包括Android和iOS）。我认为它与实际显示尺寸有关，但这并不是因为浏览器错误计算40％和2 * 20％。无论如何，你的建议是什么？
谢谢！
答案 0 :(得分：0)
您遇到的问题是因为分数像素的舍入方式不同......
由于像素不能减半，因此浏览器需要决定如何处理50％的奇数像素。尽管如此，没有太多事要做。如果您可以使用flexbox，则可以使用{。}}。
这里有一个很好的阅读：http://cruft.io/posts/percentage-calculations-in-ie/