• 首页
• 域名注册
• 虚拟主机
• 网站建设
• 服务器租用
• 营销推广
• 网站程序
• 前端开发
• 移动互联网
• 企业邮箱

• 当前位置：创新互联 >> 常见问题 >> 移动互联网 >> wap手机网站 >> 移动端html5手机网站字体单位font-size选择px照旧rem

移动端html5手机网站字体单位font-size选择px照旧rem

• 作者：创新互联 文章来源：程序研发部 点击数： 更新时间：2015-09-24

• 分为两种情况：
  ①对于只需要适配手机设备，使用px就可以了
   
  ②对于需要适配各种移动设备，使用rem，例如只需要适配iPhone和iPad等分辨率差别比较挺大的设备。
   
  rem参考代码：
  html {font-size:10px}
   
  @media screen and (min-width:480px) and (max-width:639px) {
      html {
          font-size: 15px
      }
  }
   
  @media screen and (min-width:640px) and (max-width:719px) {
      html {
          font-size: 20px
      }
  }
   
  @media screen and (min-width:720px) and (max-width:749px) {
      html {
          font-size: 22.5px
      }
  }
   
  @media screen and (min-width:750px) and (max-width:799px) {
      html {
          font-size: 23.5px
      }
  }
   
  @media screen and (min-width:800px) and (max-width:959px) {
      html {
          font-size: 25px
      }
  }
   
  @media screen and (min-width:960px) and (max-width:1079px) {
      html {
          font-size: 30px
      }
  }
   
  @media screen and (min-width:1080px) {
      html {
          font-size: 32px
      }
  }

   

• 怎样防范手机网站制作中出现的误区 :上一篇
  手机网站制作怎样适应用户的浏览习惯 :下一篇