使用CSS的液体网格有没有人真正使用它？

Question

最近，我一直在深入挖掘响应式和设备无关的CSS。我遇到了这样的文章，例如：http://www.alistapart.com/articles/fluidgrids/，其中仅使用了ems和百分比。但是，当我与其他前端开发人员交谈时，他们似乎感到困惑并被此推迟。

我的问题是，是否有人真正使用此功能？ 这对我来说似乎很棒，但我错过了一些东西吗？

Answer 1

我不得不同意Dmc。根据我的经验，em的使用经常导致更多浏览器呈现差异。然而，关于百分比的问题，我在相当多的响应站点中使用了流体网格，并且节省了时间。我不建议使用流体网格，你需要静态/刚性兄弟 - 因为这将抵消百分比 - 并且你将失去最初获得百分比的主要推理。

另外需要注意的是，不同的浏览器会以不同的方式对浮点值进行舍入 - 遗憾的是，大多数情况下大部分时间都会在容器内完美地放置并下降到下一行。所以你最安全的赌注是处理整个数字（例如：4％而不是4.75％），不幸的是再次 - 当1％通常是你在布局中使用的最小单位时，你对设计的精确程度 - 只是isn＆与像素相比，大多数时候足够好。

总而言之，它们在工具包中是一件好事，但仅在某些情况下 - 通常由媒体查询增强。不幸的是，像我们的工具包中的大多数东西（可能是你的其他开发伙伴不愿意深入研究它的原因），当你错误地使用它时，找到一个优雅的解决方案将是非常烦人的。

Answer 2

这篇文章已经过时了。在我看来，ems比它们的价值更麻烦，现在所有的现代浏览器都很好地处理了像素值的调整。使用媒体查询时，使用百分比和em值构建网格的理由就更少了。

编辑回答其他答案： 它没有取得进展，但它就在那里。 大多数前置者很可能更喜欢使用像素来获得精确度。 无论想法有多好或多坏，创意工作室都不会非常理解像素不完美的事物。

Answer 3

实际上，这是一个正在取得进展的事情。如果你看一下Twitter Bootstrap，他们的跨度是百分比。

http://twitter.github.com/bootstrap/scaffolding.html

AngularJS也使用twitter bootstrap，这是一个相当新的Google项目。