<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Document</title>
<style>
body{
font-size: 10px;
}
.one{
font-size: 32px;
}
.two{
font-size: 2em;
}
.three{
font-size: 2rem;
}
.four{
width: 50%;
height: 100px;
background: red;
}
.five{
width: 50vw;
height: 100px;
background: aqua;
}
.six{
width: 500px;
}
</style>
</head>
<body>
<div class="two">
<div class="two">
<div class="two">
hello
</div>
</div>
</div>
<div class="two">
<div class="two">
<div class="three">
hello
</div>
</div>
</div>
<div class="six">
<div class="four">hello</div>
</div>
<div class="four"></div>
<div class="five">hello</div>
<div class="six">
<div class="five">hello</div>
</div>
<h2>κ³ μ ν¬κΈ° λ¨μ</h2>
<p>px</p>
<h2>κ°λ³ ν¬κΈ° λ¨μ</h2>
<p>em, rem, %, vw, vh</p>
</body>
</html>