html - CSS 布局的流畅和响应站点计算

Question

如果我正在创建响应式网站，大多数文本都会提供初始像素大小。即:

Width = 940px
Target = 200px
target / Context = Result : 200 / 940 = etc etc

一切都很好。

问题是，如果我也想要一个流畅的网站(增加基于非矢量的文本大小)，我不确定人们是如何根据初始宽度进行计算的。

我的工作基础是我已将正文中的字体大小重置为 1em，并在 HTML 标记等中进行了各种其他修复。我可以猜测 的页面宽度>940px 可能类似于 60em 但这看起来确实很古怪。

是否还有其他一些计算或者我在这里遗漏了什么？

Answer 1

在这些情况下可以使用百分比。

例如:200/940 ~= 21%;

并将其用作:

.a-class {
    width: 21%;
}

或者你可以引用@media查询。您可以为不同的文档尺寸定义不同的宽度。 http://css-tricks.com/css-media-queries/