1. 程式人生 > >移動端文字適配

移動端文字適配

style 不同 根據 調整 data- 進行 點陣 note bsp

移動端普遍使用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; }

移動端文字適配