如何使用rem字体单位

1. /* Document level adjustments */  
2. html {  
3.   font-size: 17px;  
4. }  
5. @media (max-width: 900px) {  
6.   html { font-size: 15px; }  
7. }  
8. @media (max-width: 400px) {  
9.   html { font-size: 13px; }  
10. }  
11.   
12. /* Type will scale with document */  
13. h1 {  
14.   font-size: 3rem;  
15. }  
16. h2 {  
17.   font-size: 2.5rem;  
18. }  
19. h3 {  
20.   font-size: 2rem;  

1. } 

这样的话就可以使字体动态变化了