我整理了一个简单的静态布局，我想了解如何将静态宽度转换为百分比，以便最终创建响应式 Web 布局。谁能推荐最简单的方法来计算布局宽度、字体大小、填充和边距的百分比？我已经习惯于以静态格式创建布局，但我希望完全了解如何实现这种 % 技术。
我的简单布局的链接在这里：http: //jsfiddle.net/9fH87/
欢迎所有建议，谢谢凯尔
问问题
847 次
2 回答
1
将两列的固定宽度替换为 45%，您将获得一个流畅的布局，这意味着一个适合容器的布局。您可以通过简单的搜索
找到大量示例。
于 2011-10-05T00:06:01.950 回答
-1
老实说，百分比不是一个好主意，因为它们始终对应于视口的宽度，如果您将视口的大小调整得更近，所有单词都会挤在一起。
最好的方法是制作一个容器 div（将其命名为 body-container），给它任何你想要的宽度，并使用此代码将它居中，margin: 0 auto;然后将 body 的最小宽度设置为可接受的值。1080 像素通常很好，因为现在大多数人的分辨率至少为 1080 宽。
这是我的例子：http: //jsbin.com/ufesif/2
于 2011-10-04T23:07:53.640 回答