H5引导页制作流程分享及脱坑记录

前言

公司M站需要做个介绍及引导下面的H5页面;这里写下实现流程及脱坑记录

基础条件

1. 750的设计稿一份[有些标注不全只能手动测量了…]
2. lib-flexiblejs
3. scss + autoprefixer
4. fullpage.js

脱坑记录

1. lib-flexiblejs来解决常规的手机适配[dpr]
   • 默认html的font-size:75px,即1rem; 也可以人为的修改,加上!important
   • 字体一般不用rem.用固定px

      [data-dpr="1"] .selector {
   
    height: 32px;
    font-size: 14px;
}
[data-dpr="2"] .select