html - 使用 css 将静态布局转换为百分比布局

标签 html css responsive-design

我整理了一个简单的静态布局,我想了解如何将静态宽度转换为百分比,以便最终创建响应式 Web 布局。谁能推荐最简单的方法来计算布局宽度、字体大小、填充和边距的百分比?我已经习惯于以静态格式创建我的布局,但我希望完全了解如何实现这种 % 技术。

我的简单布局链接在这里:http://jsfiddle.net/9fH87/

欢迎所有建议, 谢谢凯尔

最佳答案

用 45% 替换两列的固定宽度,你会得到一个流畅的布局,这意味着一个适合容器的布局。
您可以使用 an easy search 找到大量示例.

关于html - 使用 css 将静态布局转换为百分比布局,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/7654874/

相关文章:

javascript - 带有弧形 Canvas 的倒数计时器

html - 隐藏 text 、 textfield 和 button 之间的空白

CSS:响应式布局不像它(数学上)应该表现的那样

html - 如何让我的 div 彼此保持一致的高度?

javascript - jQuery onclick 仅更改最近的 div 的 html

css - 布局页脚 100% 宽度和内容直到页脚

javascript - 在背景淡入后淡入

css - Angular 2/4 如何确定在动画之前/之后内联放置哪些样式?

css - Google Webfont 在 Safari 中比在 Chrome、IE 和 Firefox 中显示得更粗、更断断续续

javascript - 根据屏幕尺寸更改 href 的一个 'attribute'