IT入门 > 面试题 > 前端兼容 > 手机端 >

IT入门 > 面试题 > 前端兼容 > 手机端 >

60.移动端字体单位 font-size 选择 px 还是 rem

  你会看到这个提示,那是因为你的系统无法识别某栏目的模型信息,或者你新建模型后,没为这个模型设计单独的模板。不同模型的文档浏览页的模板为:article_模型名字标识.htm 如“article_article.htm”,更多的信息你可以在频道模型管理的地方查看。
附加标题 内容:
模板调用标记:
题型:1单选,2多选,3填空,4问答,5排序 内容:
模板调用标记:
4
选项A 内容:
模板调用标记:
选项B 内容:
模板调用标记:
选项C 内容:
模板调用标记:
选项D 内容:
模板调用标记:
答案 内容:
模板调用标记:
· 对于只需要适配手机设备,使用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

    }

}
难度:1入门级,2初级,3中级,4高级 内容:
模板调用标记:
1,2,3,4
专业分类 内容:
模板调用标记:
(责任编辑:admin)
    广告位API接口通信错误,查看德得广告获取帮助