字体匹配大小不一样

风~逝

为什么安卓和ios匹配出来的字体不一样大  字体单位用的的rem

杨愿

系统默认字体不一样大吧

maokun00

1.          @media only screen and (max-width: 1080px), only screen and (max-device-width:1080px) {
   
2.      html,body {
   
3.          font-size:30px;
   
4.      }
   
5.    }
   
6.      @media only screen and (max-width: 960px), only screen and (max-device-width:960px) {
   
7.      html,body {
   
8.          font-size:26.666666666666664px;
   
9.      }
   
10.    }
    
11.      @media only screen and (max-width: 800px), only screen and (max-device-width:800px) {
    
12.      html,body {
    
13.          font-size:22.22222222222222px;
    
14.      }
    
15.    }
    
16.      @media only screen and (max-width: 720px), only screen and (max-device-width:720px) {
    
17.      html,body {
    
18.          font-size:20px;
    
19.      }
    
20.    }
    
21.      @media only screen and (max-width: 640px), only screen and (max-device-width:640px) {
    
22.      html,body {
    
23.          font-size:17.77777777777778px;
    
24.      }
    
25.    }
    
26.      @media only screen and (max-width: 600px), only screen and (max-device-width:600px) {
    
27.      html,body {
    
28.          font-size:16.666666666666668px;
    
29.      }
    
30.    }
    
31.      @media only screen and (max-width: 540px), only screen and (max-device-width:540px) {
    
32.      html,body {
    
33.          font-size:15px;
    
34.      }
    
35.    }
    
36.      @media only screen and (max-width: 480px), only screen and (max-device-width:480px) {
    
37.      html,body {
    
38.          font-size:13.333333333333332px;
    
39.      }
    
40.    }
    
41.      @media only screen and (max-width: 414px), only screen and (max-device-width:414px) {
    
42.      html,body {
    
43.          font-size:11.5px;
    
44.      }
    
45.    }
    
46.      @media only screen and (max-width: 400px), only screen and (max-device-width:400px) {
    
47.      html,body {
    
48.          font-size:11.11111111111111px;
    
49.      }
    
50.    }
    
51.      @media only screen and (max-width: 375px), only screen and (max-device-width:375px) {
    
52.      html,body {
    
53.          font-size:10.416666666666668px;
    
54.      }
    
55.    }
    
56.      @media only screen and (max-width: 360px), only screen and (max-device-width:360px) {
    
57.      html,body {
    
58.          font-size:10px;
    
59.      }
    
60.    }
    
61.      @media only screen and (max-width: 320px), only screen and (max-device-width:320px) {
    
62.      html,body {
    
63.          font-size:8.88888888888889px;
    
64.      }
    
65.    }
    
66.      @media only screen and (max-width: 240px), only screen and (max-device-width:240px) {
    
67.      html,body {
    
68.          font-size:6.666666666666666px;
    
69.      }
    
70.    }

复制代码

风~逝

maokun00 发表于 2018-5-10 17:49

太感谢了！