移动端-rem使用
2017-09-05 10:48
148 查看
html {
font-size : 20px;
}
@media only screen and (min-width: 320px){
html {
font-size: 17px !important;
}
}
@media only screen and (min-width: 360px){
html {
font-size: 19.2px !important;
}
}
@media only screen and (min-width: 375px){
html {
font-size: 20px !important;
}
}
@media only screen and (min-width: 401px){
html {
/*font-size: 22.2px !important;*/
font-size: 22px !important;
}
}
@media only screen and (min-width: 428px){
html {
font-size: 26.75px !important;
}
}
@media only screen and (min-width: 481px){
html {
font-size: 30px !important;
}
}
@media only screen and (min-width: 569px){
html {
font-size: 35px !important;
}
}
@media only screen and (min-width: 641px){
html {
font-size: 40px !important;
}
}rem=px/40
内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理 
相关文章推荐
- 移动端web开发适配方法--使用rem
- 使用rem来开发你的移动端网站
- 【移动端】使用REM进行的响应式布局
- 移动端rem布局背景图片使用以及sprite雪碧图
- 自使用移动端rem适配--并且vscode-px自动转化成rem
- 移动端初设置（使用rem作为单位）
- 移动端页面使用rem布局
- 使用rem实现移动端适配的简单方法
- 3分钟读懂移动端rem使用方法
- 使用rem来开发你的移动端网站
- 移动端页面适配rem和vw的使用和转换
- 使用rem设计移动端自适应页面一（转载）
- 移动端布局之REM，以及实际使用总结
- vue 移动端屏幕适配 使用rem
- 移动端自适应布局之-----rem单位的使用
- 在移动端使用rem布局后，使用背景图片出现显示不正确
- 移动端 rem字体的使用demo
- 使用rem设计移动端自适应页面二（转载）
- `移动端布局``rem单位使用``flexible适配``gulp中的sass插件和bowsersync的使用
- 使用rem设计移动端自适应页面三（转载）