开发者社区> 问答> 正文

移动端的字体和大小如何设置?为何天猫淘宝等是用px而不是rem,em呢

正准备入门移动端,看过不少文章介绍em和rem的好处,但为何天猫淘宝等大站都是用px呢?
font-size和font-family该如何写好呢

展开
收起
a123456678 2016-05-27 15:56:13 3272 0
1 条回答
写回答
取消 提交回答
  • 淘宝的M站是用rem的啊,字体淘宝用的是sans-serif,也就是用系统自带默认字体。

    大小的话,可以类似下面这样设置,其他样式就以html的样式为基本。

    @media only screen and (min-width: 320px){
      html {
        font-size: 20px !important;
      }
    }
    @media only screen and (min-width: 640px){
      html {
        font-size: 40px !important;
      }
    }
    @media only screen and (min-width: 750px){
      html {
        font-size: 46.875px !important;
      }
    }
    @media only screen and (min-width: 1242px){
      html {
        font-size: 77.625px !important;
      }
    }
    2019-07-17 19:18:06
    赞同 展开评论 打赏
问答地址:
问答排行榜
最热
最新

相关电子书

更多
低代码开发师(初级)实战教程 立即下载
冬季实战营第三期:MySQL数据库进阶实战 立即下载
阿里巴巴DevOps 最佳实践手册 立即下载