评论:CSS3 响应适布局 @media用法  [查看原文]

 12544  124  6
当前第1页 / 共1页
    神已归来0
    2017/9/2 21:37:09
    是不是可以适用于所有的网页自适应效果,不用每个模块去单独设置自适应了是吧? 回复
    少昊sh0
    2017/8/18 14:24:04

    PSD稿中所有的像素都是除以10,来换算成rem么

        沐枫自然1
        2017/8/21 11:53:59

        @少昊sh:

        是的,不管是宽度width、高度height、外边距margin、内边距padding、定位position、字体大小等都是一样的,(注:前提是根据PSD稿中的总宽度如:常用的iphone6 750px, iphone5 640px),在js代码中设置对应的缩放比例:

        docEl.style.fontSize = 100 * (clientWidth / 750) + 'px';
        少昊sh0
        2017/8/21 19:51:44
        我的要除以100才可以
    回复
    古城深巷旧少年0
    2017/8/17 9:00:36

    如果设计稿是640的呢?是不是设计稿宽度不管多少,只需把js部分的750替换就行?rem仍然是除以10?根元素应该设为多少px?坐等大神耐心解答!

        沐枫自然1
        2017/8/17 21:43:56

        @古城深巷旧少年:

        和之前写法完全一样,而单位rem仍然是缩小10倍,注:把上面js代码中 第10行 //移动端缩放比例关系,之前代码:

        docEl.style.fontSize = 100 * (clientWidth / 750) + 'px';

        现在改为:

        docEl.style.fontSize = 100 * (clientWidth / 640) + 'px';

        就可以了,没啥区别的。

    回复

讨论这个项目(6)回答他人问题或分享插件使用方法奖励jQ币

取消回复