帖子
帖子
用户
博客
课程
显示全部楼层
12
帖子
0
勋章
30
Y币

[App引擎] 字体匹配大小不一样

[复制链接]
发表于 2018-5-10 17:33:56
为什么安卓和ios匹配出来的字体不一样大  字体单位用的的rem
34
帖子
5
勋章
2996
Y币
系统默认字体不一样大吧
13
帖子
6
勋章
105
Y币
  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.    }
复制代码
12
帖子
0
勋章
30
Y币
您需要登录后才可以回帖 登录

本版积分规则