レスポンシブな%指定の注意

ページ内で要素位置を％で指定する場合、

#logo
{
 top: 10%;
}

ではなく

#logo
{
 margin-top: 10%;
}

の方が良い場合がある。
例えばKUREAIのInformationページのロゴの位置と
文章の位置は大きい画面では問題ないが、極小さい
画面の場合、top: 10%;では重なってしまう。

margin-top: 10%;の場合はほぼ問題ないので、
こちらが正しいのだろう。