レスポンシブ対応の際よく使うと思います。 キッチリと計算して指定すればバランス感は崩れずコンテンツを拡大縮小することが可能になります。

デメリットはそのまま縮小したときコンテンツが小さくなりすぎたり、場合によっては要素からはみ出たりなんてこともありますが、そんな時はメディアクエリを使えばいいわけで…。

ここでは計算方法と、親要素と子要素の幅を入力してボタンをクリック（タップ）するだけで計算するツールを紹介しておきます。
以前紹介した記事と合わせて覚えておきたいですね。

関連記事

paddingと%で高さを出す計算方法 ※レスポンシブ対応

youtubeなどのiframeを使った埋め込みコンテンツをレスポンシブ対応させる時に高さをpaddingで出すことは少なくないと思います。・・・。