seiya2130

<ul data-line="0" class="code-line">
<li data-line="0" class="code-line">現在の画面に表示されている領域</li>
<li data-line="1" class="code-line">ビューポートは相対指定できるためPCやスマホなど画面サイズにかかわらず、同じ比率でコンテンツを描画できる</li>
<li data-line="2" class="code-line">CSSで指定するときは<code>vh</code>が高さ、<code>vw</code>が横幅</li>
</ul>
<p data-line="4" class="code-line"><span class="embed-block zenn-embedded zenn-embedded-card"><iframe id="zenn-embedded__006d0f46c3a2e" src="https://embed.zenn.studio/card#zenn-embedded__006d0f46c3a2e" data-content="https%3A%2F%2Fgithub.com%2Fseiya2130%2FVueLab%2Fpull%2F9%2Ffiles" frameborder="0" scrolling="no" loading="lazy"></iframe></span><a href="https://github.com/seiya2130/VueLab/pull/9/files" style="display:none" target="_blank" rel="nofollow noopener noreferrer">https://github.com/seiya2130/VueLab/pull/9/files</a></p>
<p data-line="6" class="code-line"><span class="embed-block zenn-embedded zenn-embedded-card"><iframe id="zenn-embedded__8f17b1966cc82" src="https://embed.zenn.studio/card#zenn-embedded__8f17b1966cc82" data-content="https%3A%2F%2Fdeveloper.mozilla.org%2Fja%2Fdocs%2FWeb%2FCSS%2FCSSOM_view%2FViewport_concepts" frameborder="0" scrolling="no" loading="lazy"></iframe></span><a href="https://developer.mozilla.org/ja/docs/Web/CSS/CSSOM_view/Viewport_concepts" style="display:none" target="_blank" rel="nofollow noopener noreferrer">https://developer.mozilla.org/ja/docs/Web/CSS/CSSOM_view/Viewport_concepts</a></p>
