width:100vw;
height:100vh;
windowをリサイズしたら合わせてサイズが変わる。
PCの場合はスクロールバーが邪魔をする
ここのスペースは余白
width:100%;
height:100vh;
windowをリサイズしたら合わせてサイズが変わる。
PCの場合はスクロールバーが邪魔をするので横は100%
ここのスペースは余白
親の要素からはみ出してみる。
margin:0 calc(50%-50vw);
で指定すると、PCの場合はスクロールバー分はみでる。
ここのスペースは余白