我已经整理了一个简单的静态布局，我会倾向于了解如何将静态宽度转换为百分比，以便最终创建响应式Web布局。任何人都可以推荐最简单的方法来计算布局宽度，字体大小，填充和边距百分比？我已经习惯于以静态格式创建布局，但我希望能够完全理解如何实现这种％技术。
链接到我的简单布局：http://jsfiddle.net/9fH87/
欢迎所有建议， 谢谢凯尔
答案 0 :(得分：1)
以45％替换两列的固定宽度，您将获得流畅的布局，这意味着布局可以自行适应容器。
您可以使用an easy search找到大量示例。
答案 1 :(得分：-1)
老实说，百分比是一个坏主意，因为它们对应于视口的宽度，如果你将视口调整得更近，所有的单词只会挤压在一起。
最好的方法是制作一个容器div（将其命名为body-container），给它任意宽度，然后使用此代码margin: 0 auto;将其居中，然后设置主体的最小宽度接受的东西。 1080px通常很好，因为现在大多数人的分辨率至少为1080宽。
以下是我的示例：http://jsbin.com/ufesif/2