css - font-size 

 1 <!DOCTYPE html>
 2 <html lang="en">
 3 
 4 <head>
 5     <meta charset="UTF-8">
 6     <meta name="viewport" content="width=device-width, initial-scale=1.0">
 7     <meta http-equiv="X-UA-Compatible" content="ie=edge">
 8     <title>Document</title>
 9     <style>
10         body {
11             font-size: 16px;
12         }
13 
14         h1 {
15             /* 固定10个像素点 */
16             font-size: 10px;
17             /* em->根据父类元素来调整(因为h1的父元素是body) -> 网页默认一般是16px,10em也就是16*10=160px*/
18             font-size: 10em;
19             /* rem->网页百分比,和em差不多,不过它是依据网页大小来调整字体大小*/
20             font-size: 10rem;
21             /* vh->如果视口的高度是200mm，那么上述代码中h1元素的字号将为16mm，即(8x200)/100 */
22             font-size: 10vh;
23             /* % */
24             font-size: 100%;
25             /* in->英寸(和px一样固定) */
26             font-size: 1in;
27     
28 
29             /* 其余的单位就不写上去了,常用的也就上面几种....  不知道小程序的rpx你是否记得*/
30             /* Chrome有个梗 -> 字体最小是10px*/
31         }
32     </style>
33 </head>
34 
35 <body>
36     <h1>1212</h1>
37 </body>
38 
39 </html>

 

posted @ 2018-09-06 09:41  Sunsin  阅读(358)  评论(0)    收藏  举报