html - 用于 css 布局的流畅和响应式站点计算

Question

如果我正在创建一个响应式网站，大多数文本都会给出初始像素大小。IE：

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

一切都很好。

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

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

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

score 4 · Accepted Answer

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

例如：200/940 ~= 21%；

并将其用作：

.a-class {
    width: 21%;
}

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

1 回答 1