<h1>viewport について</h1>
<ul>
<li><code>vw</code>: ビューポートの幅</li>
<li><code>1vw</code> = ビューポートの幅の 1/100 = ビューポートの幅の 1%</li>
<li><code>100vw</code> = ビューポートの幅</li>
</ul>
<h2>viewport とは？</h2>
<ul>
<li>表示領域のこと</li>
<li>表示されている画面の横幅</li>
<li>ブラウザ幅</li>
</ul>
<p><code>%</code> だと親要素を <code>100%</code> としているため、
<code>%</code> だと取ることができない親要素より広い幅をビューポートだと取れる。</p>
<p>要素を 3 つ均等に並べたい時などに使える。
時間があるときに例を書いてみます。</p>
<h3>参考？</h3>
<ul>
<li><a href="http://phiary.me/css-viewport-units-vw-vh/">[CSS3] px や % はもう古い? Viewport units という新たな単位『vw』,『vh』の使い方 | phiary</a></li>
<li><a href="https://qiita.com/ryounagaoka/items/045b2808a5ed43f96607">もう逃げない。HTML の viewport をちゃんと理解する - Qiita</a></li>
<li><a href="https://ferret-plus.com/6033">コピペで済ませていませんか？改めて学び直したい「Viewport」のすべて｜ ferret [フェレット]</a></li>
<li><a href="https://www.webprofessional.jp/css-viewport-units-quick-start/">レスポンシブに便利な CSS の vh/vw/vmin/vmax の基本と使い方とは - WPJ</a></li>
</ul>


viewport についてまとめてみました。