来一套移动端通用代码

此代码根据屏幕尺寸计算html font-size, 可实现1px像素border。
当页面宽度为375px;对应的物理像素为750px;
可直接根据750px设计稿里面的元素尺寸计算相应的rem值(其html font-size为20px)。
建议使用scss定义一个function,代码如下:

@function px2rem($px){
    $rem : 16px; // 基于屏幕宽度为750px 的html字体大小。
    @return ($px/$rem) + rem;
}

通用代码入下:

 
    
    
    
    
    
    
     

你可能感兴趣的:(来一套移动端通用代码)