移动开发需要注意的问题

Posted by Turingdo Studio on May 26, 2017

手淘flexible 方案

参考文章

//CDN
<script src="http://g.tbcdn.cn/mtb/lib-flexible/0.3.4/??flexible_css.js,flexible.js"></script>

切图

  1. 拿到的是视觉稿宽度除以10,得到切图时,根字体的大小。如750px的视觉稿除以10,得到75.则html根字体大小为75rem;
  2. 对于文本字体是否使用rem单位。一般来说,可以使用的。但是对于段落文本,如文章、新闻之类的还可以使用px.
div {
    width: 1rem; 
    height: 0.4rem;
    font-size: 12px; // 默认写上dpr为1的fontSize
}
[data-dpr="2"] div {
    font-size: 24px;
}
[data-dpr="3"] div {
    font-size: 36px;
}