推广 热搜: page  音视频  使用  个数  选择  搜索引擎  父亲  百度  企业  可以 

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

   日期:2024-12-18     作者:npd6y    caijiyuan   评论:0    移动:http://ww.kub2b.com/mobile/news/6648.html
核心提示:移动端html5手机网站字体单位font-size选择px还是rem分为两种情况:①对于只需要适配手机设备,使用px就可以了 ②
移动端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
    }
}
本文地址:http://ww.kub2b.com/news/6648.html     企库往 http://ww.kub2b.com/ ,  查看更多

特别提示:本信息由相关用户自行提供,真实性未证实,仅供参考。请谨慎采用,风险自负。

 
 
更多>同类最新文章
0相关评论

文章列表
相关文章
最新动态
推荐图文
最新文章
点击排行
网站首页  |  关于我们  |  联系方式  |  使用协议  |  版权隐私  |  网站地图  |  排名推广  |  广告服务  |  积分换礼  |  网站留言  |  RSS订阅  |  违规举报  |  鄂ICP备2020018471号