首页 > 移动运营 > 手机建站 > 移动端html5手机网站字体单位font-size选择px还是rem

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

上一篇 下一篇
移动端html5手机网站字体单位font-size选择px还是rem
分为两种情况:
①对于只需要适配手机设备,使用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
    }
}

模板简介:该模板名称为【移动端html5手机网站字体单位font-size选择px还是rem】,大小是,文档格式为.,推荐使用打开,作品中的图片,文字等数据均可修改,图片请在作品中选中图片替换即可,文字修改直接点击文字修改即可,您也可以新增或修改作品中的内容,该模板来自用户分享,如有侵权行为请联系网站客服处理。欢迎来懒人模板【手机建站】栏目查找您需要的精美模板。

  • 下载密码 lanrenmb
  • 下载次数 37,300次
  • 使用软件
  • 文件格式
  • 文件大小
  • 上传时间 04-07
  • 作者 网友投稿
  • 肖像权 人物画像及字体仅供参考
栏目分类 更多 >
  • 移动业界
  • 移动应用
  • 手机建站
  • 移动搜索
  • 热门推荐 更多 >
    html5 单页式简历模板 微信模板 微信素材 自适应 微信图片 响应式 微信公众平台 企业网站 微信文章
    您可能会喜欢的其他模板