강의와 관련 있을지 모르겠지만 그래도 질문 남겨봅니다..
svg가 viewport에 의해서 크기가 조절되기 때문에 데스크탑 화면에서 꽉차던게 모바일환경에서는 크기가 줄어들어 버립니다.
ex)&nbsp; &lt;svg&nbsp;id="Layer_1"&nbsp;xmlns="http://www.w3.org/2000/svg"&nbsp;viewBox="0&nbsp;0&nbsp;700&nbsp;450"&gt;
<div style="color: #d4d4d4; background-color: #1e1e1e; font-family: Consolas, 'Courier New', monospace; font-size: 14px; line-height: 19px; white-space: pre;">
<div>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&lt;path&nbsp;d="M650&nbsp;0&nbsp;L650&nbsp;450"&nbsp;/&gt;</div>
<div>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&lt;/svg&gt;</div>
</div>
저는 데스크탑,모바일 둘다 화면에 꽉 채우고 싶은데 어떻게 해야하나요?

svg 요소 내부의 수치들은 &lt;svg&gt;에 설정된 viewBox를 기준으로 잡히는데요, 꽉 차게 하시려면 viewBox의 범위 자체를 내부의 요소들이 꽉 찰만한 범위로 맞춰주시면 됩니다. 섹션1의 SVG 크기 설정 수업을 복습해보시면 도움이 되지 않을까 싶습니다^^

인프런 커뮤니티 질문&답변

path로 그린 svg 화면 꽉채우기