基於百分比而不是像素的CSS網格生成器

Question

我正在尋找一種基於百分比寬度（如100％）的流體CSS網格生成器。目前爲止我發現的所有東西都需要指定的像素寬度或最小/最大像素寬度。

這些網發電機組是基於所有像素：http://www.gridsystemgenerator.com/

Answer 1

如果你想基於百分比寬度的網格，你不需要一臺發電機。

就算了。

如果你想要一個正文的一半的列，使它width:50%;。 25美分硬幣？ width:25%;

我爲你做了一個demo。

但是，使設計完全依賴於百分比導致一些問題。雖然屏幕上的段落可能會與width:50%;一樣正常，但具有巨大顯示器的人可能會在一行中看到整個段落，這會令人討厭。

我會推薦The 1140 Grid。它基於像素，但也很流暢，可能適合您的需求。此外，通過使用max-width，每個人都可以輕鬆閱讀所有內容。

Answer 2

基金會有一個基於百分比的網格系統：http://foundation.zurb.com/