我已经把一个简单的静态布局，我想了解如何将静态宽度转换成百分比，以便最终创建一个响应式网页布局。谁能推荐最简单的方法来计算布局宽度，字体大小，填充和空白的百分比?我已经习惯了用静态格式创建我的布局，但是我想完全了解如何实现这个%技术。
链接到我的简单布局在这里:http://jsfiddle.net/9fH87/
欢迎所有建议，由于凯尔
将两个列的固定宽度替换为45%，您将获得一个流体布局，这意味着布局适合它自己的容器。
你可以通过简单的搜索找到大量的例子。
老实说，百分比是一个坏主意，因为它们一直对应于视口的宽度，如果你调整视口的大小，所有的单词就会挤在一起。
最好的方法是创建一个容器div(命名为body-container)，给它任何你想要的宽度，并使用此代码margin: 0 auto;居中，然后将body的最小宽度设置为可接受的东西。1080px通常是好的，因为现在大多数人的分辨率至少是1080宽。