％的计算值和指定值

Question

我认为对于％单位，计算值和指定值并不总是相同。由于我无法检查这些值，我需要CSS社区的专家评论。

在此示例中，CSS3 Cascade section 5.5％width的指定和计算值相同但我觉得％font-size不适用。我在下面给出了一个例子，如果我的观察结果不对，请纠正我。

#parent{
width:200px;
font-size:10px;
}

#child{
width: 200%;
font-size: 200%;
}

对于孩子： 我相信在宽度，指定值和计算值的情况下将是200％。使用的值为400px。

如果是font-size，则指定的值将与计算值不同。在这种情况下，font-size不依赖于布局，因此计算出的值将是20px而不是200％。

  

以上示例的观察结果是否正确？

表示儿童宽度

specified: 200%
computed: 200%
used: 400px

for child font-size

specified: 200%
computed: 20px
used: 20px

Answer 1

是的，你的观察是准确的。

但是，您应该只是在浏览器中运行代码并查看结果输出，而不是要求我们进行验证。对你和我们来说会更快。