<!DOCTYPE html>
<html lang="ko">
<head>
  <meta charset="UTF-8">
  <title>뷰포트 기준 단위</title>
</head>
<body>
  <h3>과일</h3>
  <p>
    여름 복숭아는 장마철에 재배했을 때 비를 맞아서 당도가 떨     어지는 경우가 많다.
  </p>
</body>
</html>
h3 { 
  font-size: 5vw; 
}
p { 
  width: 50vw; 
  background: lime;
}

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

This Pen doesn't use any external JavaScript resources.