响应网站宽度

Question

当编码宽度为响应时，是否最好将值四舍五入或指定尽可能接近的值？

例如：

根据我的计算，我的宽度是67.328699％（左边div）和32.84％（右边div）

或者我应该把它四舍五入到 67％（左div）和33％（右div） 这将加起来100％？

感谢您的帮助。

Answer 1

这是一个很好的问题，但我认为没有问题，因为在小屏幕中，你的回合百分比非常小。但是看一下twitter bootstrap HERE最着名的响应式设计，他们并没有对这些值进行四舍五入。

我建议你看一下bootstrap的网格系统，它会帮助你设计响应式页面。

Answer 2

使用2位小数就可以了，但在设置百分比时请记住盒子模型（总是使用box-sizing:border-box是个好主意）

Answer 3

有两种方法可以看这个。首先，由于foating point算法的性质，你可能不会得到一个确切的数字，因此舍入不会破坏任何东西。无论如何，你永远不会完全正确。更聪明的人已经写过这一点：https://docs.python.org/2/tutorial/floatingpoint.html

其次，想想67.328699％的数字实际意味着什么。您试图准确地将大小精确定义为百分之一百分之一，或者换句话说是整个屏幕宽度的百万分之一。这样做你实际上获得了多少收益？

另外，由于浮点数学的局限性，如果你将宽度总和精确到100％，当用户更改屏幕宽度或有时只是使用其他分辨率时，你可能会＆＃39 ;重新开始跳跃。有时他们会在同一条线上，有时他们不会。我建议你将它们加起来略低于100％。

编辑：另一方面，我会与你的设计师讨论，并问他们为什么这么奇怪的比例。他们应该围绕技术进行设计。你的工作并不是强迫技术适应设计。

Answer 4

我个人会指定它完成。

但是如果你要创建一个响应式的多列布局，我会建议使用像bootstrap这样的网格系统