码迷,mamicode.com
首页 > 移动开发 > 详细

移动端文字适配

时间:2017-06-14 14:32:43      阅读:248      评论:0      收藏:0      [点我收藏+]

标签:not   span   建议   安卓   class   移动端   log   iphone4   使用   

移动端普遍使用rem进行适配,但是文字不合适使用rem。很多浏览器自带点阵字体,当碰到font-size:13px,font-size:15px时会有很多问题。因此一般建议使用px。根据不同的dpr进行font-size大小的调整

/*安卓低清设备*/
div {
    width: 1rem; 
    height: 0.4rem;
    font-size: 12px; 
}
/*iPhone4到iPhone6s,部分安卓*/
[data-dpr="2"] div {
    font-size: 24px;
}
/*iPhone6 plus,iPhone6s plus,部分安卓*/
[data-dpr="3"] div {
    font-size: 36px;
}
/*部分安卓比如三星Note4*/
[data-dpr="4"] div {
    font-size: 48px;
}

 

移动端文字适配

标签:not   span   建议   安卓   class   移动端   log   iphone4   使用   

原文地址:http://www.cnblogs.com/liaozhenting/p/7008188.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!