CSS的液體網格確實有人使用它？

Question

最近，我一直在深入挖掘響應式和設備不可知的CSS。我遇到過這樣的文章，例如：http://www.alistapart.com/articles/fluidgrids/，其大綱只使用EMS和百分比。但是當我和其他前端開發人員交談時，他們似乎感到困惑，並被推遲。

我的問題是，有沒有人實際使用嗎？ 對我來說這似乎很棒，但我錯過了什麼？

Answer 1

這篇文章是非常不合時宜的。 ems導致比我認爲值得的更多麻煩，而且現在所有的瀏覽器都在處理像素值調整的問題。通過媒體查詢，使用百分比和em值構建網格的理由不會那麼多。

編輯，以給對方的回答迴應： 它不擡頭，但它的存在。 大多數前置放大器很可能更喜歡使用像素來提高精度。 創意工作室傾向於不理解那些不是像素完美的東西，不管它有多好或多壞。

Answer 2

其實這是一個正在成長的地方。如果你看看Twitter Bootstrap，他們的跨度是百分比。

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

AngularJS也使用Twitter的引導，這是一個相當新的谷歌項目。

Answer 3

我將不得不DMC同意。根據我的經驗，使用em常常是更多瀏覽器呈現差異的原因。然而，在百分比方面，我在很多響應網站中使用了流體網格，並且節省了時間。我不會建議在需要靜態/剛性兄弟姐妹的情況下使用流體網格 - 因爲這會抵消百分比 - 並且您將失去最初擁有百分比的主要原因。

另一個要注意的是，不同的瀏覽器將以不同的圓形浮點值 - 這很不幸，大多數的時間使之間很好地坐在容器內，並下降到下一行的差異。所以你最安全的賭注是對整個數字進行處理（例如：4％而不是4.75％），不幸的是 - 當你在設計中經常使用1％的最小單位時，你對設計的精度要求是 - 與像素相比，大部分時間都不夠好。

總而言之，他們是在工具箱一件好事，但只在某些情況下 - 通常是通過媒體查詢增強。不幸的是，像我們的工具包中的大多數東西（可能是你的其他開發夥伴不願意深入研究它的原因），當你錯誤地使用它時，找到一個優雅的解決方案將是非常煩人的。