根据视口宽度设置字体大小 一级层 单位用 vw 子元素用em

根据视口宽度设置字体大小
<!DOCTYPE html><html>
<head>    
<meta charset="UTF-8">    
<meta name="viewport" content="width=device-width, initial-scale=1.0">    
<style>        
.parent {            
width: 50%;            
border: 1px solid black;            
/* 根据视口宽度设置字体大小 */            
font-size: 2vw;         
}        
.parent .son{         
font-size: 1em;        
}    
</style>
</head>
<body>    
<div>        
 这是 .parent 元素的文字，字体大小会随视口缩放而变化。        
<div>         
 这是 .son 元素的文字，字体大小会随视口缩放而变化。        
</div>    
</div>
</body>
</html>