%単位の場合、計算された値と指定された値は必ずしも同じではないと思います。これらの値を確認できないため、ここで CSS コミュニティからの専門家のコメントが必要です。
この例では、 CSS3 カスケード セクション 5.5で指定され、計算された % width の値は同じですが、% font-size には当てはまらないと思います。以下に一例を示します。私の観察が間違っている場合は修正してください。
#parent{
width:200px;
font-size:10px;
}
#child{
width: 200%;
font-size: 200%;
}
for child: width の場合、指定値と計算値は 200% になると思います。使用される値は 400px になります。
一方、font-size の場合、指定された値は計算された値とは異なります。この場合、font-size はレイアウトに依存しないため、計算値は 200% ではなく 20px になります。
上記の例では、以下の観察は正しいですか?
子幅用
specified: 200%
computed: 200%
used: 400px
子のフォントサイズ
specified: 200%
computed: 20px
used: 20px