Html css布局的流体和响应性场地计算

Html css布局的流体和响应性场地计算,html,css,responsive-design,fluid-layout,Html,Css,Responsive Design,Fluid Layout,如果我正在创建一个响应站点,大多数文本都会给出一个初始像素大小。即: Width=940px 目标=200px 目标/上下文=结果:200/940=等 一切都很好 问题是,如果我想要一个流动的站点(增加非矢量文本大小),我不确定人们是如何从初始宽度开始计算的 我工作的基础是,我已将正文中的字体大小重置为1em,并在HTML标记中进行了各种其他修复。我可以猜测940px的a页面宽度可能类似于60em,但这看起来确实有些模糊 是否有其他计算或我遗漏了什么?在这些情况下可以使用Percentange

如果我正在创建一个响应站点,大多数文本都会给出一个初始像素大小。即:

Width=940px
目标=200px
目标/上下文=结果:200/940=等
一切都很好

问题是,如果我想要一个流动的站点(增加非矢量文本大小),我不确定人们是如何从初始宽度开始计算的

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


是否有其他计算或我遗漏了什么?

在这些情况下可以使用Percentange

例如: 200/940 ~= 21%;

并将其用作:

.a-class {
    width: 21%;
}
或者您可以参考@media querys。您可以为不同的文档大小定义不同的宽度


这是我一直在寻找的答案

这完全没有回答我的问题。我会尽量说清楚的。目前页面宽度为硬编码940px宽。我想使它的宽度与ems中的宽度相等,使其流动。那么,我如何将940px或其他东西转换成ems呢。作为等价物,我仍然可以在我的子计算中使用940。看看。也许这就是你想要的……记住,社会契约的一部分就是为你所问的每一个问题标出最好的答案。你的22%意味着你只做了5次中的1次,而且你所有的问题都至少有一个答案。请回顾您之前问题的答案,如果可能的话,为每个没有答案的问题标记一个合适的答案<代码>:)一般来说,如果我没有标记某个东西,那是因为它没有被回答或者没有提供正确的答案。不是所有的问题都是黑白的。如果我问“是什么创造了重力?”我会得到各种各样的答案,但我怀疑任何答案都是正确的。我仍然不知道这个问题的正确答案,但我已经说过,这并不意味着这是一个糟糕的问题,事实上,这是一个没有答案的问题,这意味着可能需要进一步的研究。这是好的,人们走出去,并抽出他们的空闲时间回答问题,在这里,这是非常感谢。但是,如果说这是一个用来交谈并试图解决问题的网站,那就不是看谁获得最多明星的竞争了。。。。