精华内容
下载资源
问答
  • 移动端html5手机网站字体单位font-size选择px还是rem 分为两种情况: ①对于只需要适配手机设备,使用px就可以了   ②对于需要适配各种移动设备,使用rem,例如只需要适配iPhone和iPad等分辨率差别比较...
    移动端html5手机网站字体单位font-size选择px还是rem
    分为两种情况:
    ①对于只需要适配手机设备,使用px就可以了
     
    ②对于需要适配各种移动设备,使用rem,例如只需要适配iPhone和iPad等分辨率差别比较挺大的设备。
     
    rem参考代码:
    html {font-size:10px}
     
    @media screen and (min-width:480px) and (max-width:639px) {
        html {
            font-size: 15px
        }
    }
     
    @media screen and (min-width:640px) and (max-width:719px) {
        html {
            font-size: 20px
        }
    }
     
    @media screen and (min-width:720px) and (max-width:749px) {
        html {
            font-size: 22.5px
        }
    }
     
    @media screen and (min-width:750px) and (max-width:799px) {
        html {
            font-size: 23.5px
        }
    }
     
    @media screen and (min-width:800px) and (max-width:959px) {
        html {
            font-size: 25px
        }
    }
     
    @media screen and (min-width:960px) and (max-width:1079px) {
        html {
            font-size: 30px
        }
    }
     
    @media screen and (min-width:1080px) {
        html {
            font-size: 32px
        }
    }
    展开全文
  • 对于页面适配,应该使用px 还是rem

    千次阅读 2018-08-04 16:56:52
    css 中单位很多 %、px、em、rem,以及比较新的vw、vh等,每个单位都有特定的用途,而我呢,往往不知道什么时候该用什么,调重点总结一下 使用px,结合Media Query进行阶梯式的适配; 使用%,按百分比自适应布局;...

    原文地址:https://mp.weixin.qq.com/s/MDlTs0MawX8iSM1IVpCkmg

    css 中单位很多  %、px、em、rem,以及比较新的vw、vh等,每个单位都有特定的用途,而我呢,往往不知道什么时候该用什么,调重点总结一下

    • 使用px,结合Media Query进行阶梯式的适配;
    • 使用%,按百分比自适应布局;
    • 使用rem,结合html元素的font-size来根据屏幕宽度适配;
    • 使用vw、vh,直接根据视口宽高适配。

    在这些大前提下,对小的细节做微调。比如使用px的时候,可能在小屏幕中,要对某个容器进行transform:scale(.8),适当缩小处理。使用rem的时候,需要固定页面的左右间距为10px等。

    开发总结:

    1. 在世界稿要求固定尺寸的元素上使用px。比如1px线,4px的圆角边框。
    2. 在字号、(大多数)间距上使用rem。
    3. 慎用em。

    %、vw、vh都是根据参考对象按比例适配

    %是参考父容器,vw和vh是参考视口。

    为什么慎用em?

    em会叠加计算。

    //HTML
    <span>
        abc
        <span>def</span>
        abc
    </span>
    
    //CSS
    span{font-size:1.5em;}

    效果

    em的计算原理,它是根据当前元素的字号按比例计算的。

    外层span的字号是16px(浏览器默认值),1.5em之后是24px。由于字号是继承的,导致内部span 的字号继承过来是24px,再经过1.5em之后就成了36px。

    所以,就算要用em的话,尽量不要用在继承属性(font-size)上,除非你真的清楚自己在做什么!

    比如你想根据字号自动调整字符间距,可以这么做:

    .content{
        font-size:1rem;
        letter-spacing:.03em;
    }

    rem VS. px

    px的性质决定了它只能用于固定尺寸。

    除了固定尺寸用px,其他大部分情况都可以用rem

    现在考虑一个实际的开发场景,一般来说都是先有视觉稿才能开发。两种情况:一、假设视觉稿iPhone 6和iPhone 6+,及其他尺寸各出了一份,那你就按照Media Query去适配。二、设计师只给你一种机型的视觉稿,以iPhone 6为例,750×1334,2倍屏下转换后是375×667。

    第一种情况,通过Media Query断点适配

    第二种,要根据宽度为375px的稿子,扩展到适配任意宽度的屏幕

    视觉稿如下:

    测量后主要参数如下:

    • 页面间距10px
    • 文字间距10px,字号16px
    • A高度100px
    • B高度50px,上间距30px

    HTML结构和CSS

    <div class="box box-1">A.第一段内容</div>
    <div class="box box-2">B.第二段内容</div>
    body{
    	padding: 10px;
    	background-color: #f6f0ee;
    }
    .box{
    	padding: 10px;
    	font-size: 16px;
    	color: #fff;
    	box-sizing: border-box;
    }
    .box-1{
    	height: 100px;
    	background-color: #1daedc;
    }
    .box-2{
    	margin-top: 30px;
    	height: 50px;
    	background-color: #ddbe97;
    }

    然后视觉开始提要求,大屏上要把字体放大、间距放大。

    一个选择:确认要适配哪种屏幕,字号是多少,间距是多少。技术上再通过Media Query微调

    @media(min-width:414px){
    
    }

    另一个选择:首先按rem作为字号,容器高度,外间距的单位。那么代码改为:

    html{
    	font-size: 16px;
    }
    body{
    	padding: 10px;
    	background-color: #f6f0ee;
    }
    .box{
    	padding: 10px;
    	font-size: 1rem;
    	color: #fff;
    	box-sizing: border-box;
    }
    .box-1{
    	height: 6.25rem;
    	background-color: #1daedc;
    }
    .box-2{
    	margin-top: 1.875rem;
    	height: 3.125rem;
    	background-color: #ddbe97;
    }

    通过Media Query改变iPhone 6+ 的html 字号,其他元素的属性就会自动变化

    @media(min-width:414px){
        html{
            font-size:17.664px;
        }
    }

    17.664 = 414 * 16 / 375.

    由此可以得到html的font-size计算公式为:font-size = deviceWidth * 16 /375;

    前提是你的html有这条meta属性

    <meta name="viewport" content="width=device-width,initial-scale=1.0,maximum-scale=1.0,user-scalable=0,user-scalable=no">

     所以rem 有个明显的有点,它可以通过少量的代码解决大部分问题

    细节问题,用Media Query 微调

    关于rem兼容性 PC端仅在IE9+支持。vw和vh一样,如果要考虑IE8兼容,那只能用px。移动端支持

    html 的font-size该如何设置

    由于(大部分)浏览器的默认字号为16px,所以一般来说把html的font-size归一化为16px是比较合适的实践方式。

    常用的Media Query断点(以iPhone 6为基准)

    @media only screen and (min-width: 320px) {
    	html{
    		font-size: 13.65px;
    	}
    }
    			
    @media only screen and (min-width: 360px) {
    	html{
    		font-size: 15.36px;
    	}
    }
    			
    @media only screen and (min-width: 375px) {
    	html{
    		font-size: 16px;
    	}
    }
    			
    @media only screen and (min-width: 390px) {
    	html{
    		font-size: 16.64px;
    	}
    }
    			
    @media only screen and (min-width: 414px) {
    	html{
    		font-size: 17.66px;
    	}
    }
    			
    @media only screen and (min-width: 640px) {
    	html{
    		font-size: 27.31px;
    	}
    }

    大家可能还会看到一些文章中建议把html字号设置成62.5%

    html{
        font-size:62.5%;
    }

    因为刚提到浏览器默认的字号是16px,因此换算成百分比就是62.5% = 1 / 16

    那为什么要用百分比呢?因为考虑到辅助功能和浏览器设置。对于部分用户,可能会在手机或浏览器的设置中增大手机字号,这意味着对方平时看字是很费力的,所以他要放大。那把html的字号设置成百分比就很贴心了,会随着手机设置改变页面的字号

    但是呢,就算你看到用62.5%的情况,有些间距也是不合理的,都做的不太好,特别是把文案做到图片上,对字号根本不敏感,所以缩放一定要考虑到位

    另外,针对本小节开头用16px 的情况,这里在提供一招

    用Media Query的缺点是什么?它是分段函数,对于宽度在[320,360]区间内的屏幕,会适用同一套方案。最完美的应该是线性函数,用vw即可

    html{
        font-size:4.266667vw;
    }    
    

    用一行代码代替之前6个冗长的Media Query,还不错吧

    如何提高rem的可读性

    当你知道html的font-size怎么设置后,肯定想问,难道我每次写代码时,还得做个除法,把rem计算出来吗

    如果用到CSS预处理,这事情就好办了,以LESS为例,两部操作如下

    // 1\.按iPhone 6的视觉稿,基准字号为16px,因此可以设置一个LESS变量。
    @px:16rem;
    
    //2\.通过LESS内置的除法自动运算。比如用到16px的字号时,写成16/@px即可,最后会计算成1rem
    
    .example{
        font-size:16/@px;
        margin:20/@px 0;
        padding:20/@px 10/@px;
    }

    小结

    本文介绍了rem的适配方式,如何设置html的font-size,如何更快的书写rem 的值

    详情见https://mp.weixin.qq.com/s/MDlTs0MawX8iSM1IVpCkmg

    展开全文
  • 移动端字体单位该使用px还是rem?

    千次阅读 2018-05-28 10:37:43
    对于只需要适配少部分手机设备,分辨率对页面影响不大的,使用px即可,对于需要适配各种移动设备,使用rem,例如只需要适配iPhone和iPad等分辨率差别比较挺大的设备。rem配置参考,适合视觉稿宽度为640px的:&lt...

    对于只需要适配少部分手机设备,分辨率对页面影响不大的,使用px即可,

    对于需要适配各种移动设备,使用rem,例如只需要适配iPhone和iPad等分辨率差别比较挺大的设备。

    rem配置参考,适合视觉稿宽度为640px的:

    <meta content="width=device-width,initial-scale=1.0,maximum-scale=1.0,user-scalable=no" name="viewport">
    html{font-size:10px}
    @media screen and (min-width:321px) and (max-width:375px){html{font-size:11px}}
    @media screen and (min-width:376px) and (max-width:414px){html{font-size:12px}}
    @media screen and (min-width:415px) and (max-width:639px){html{font-size:15px}}
    @media screen and (min-width:640px) and (max-width:719px){html{font-size:20px}}
    @media screen and (min-width:720px) and (max-width:749px){html{font-size:22.5px}}
    @media screen and (min-width:750px) and (max-width:799px){html{font-size:23.5px}}
    @media screen and (min-width:800px){html{font-size:25px}}

    来自博客园--下雨天的太阳(http://www.cnblogs.com/doomjx/)--

    展开全文
  • 作者:名一https://segmentfault.com/a/1190000015867354css中的单位很多,%、px、em、rem,以及比较新的vw、vh等。每个...
        

    640?wx_fmt=gif

    作者:名一

    https://segmentfault.com/a/1190000015867354


    css中的单位很多,%、px、em、rem,以及比较新的vw、vh等。每个单位都有特定的用途,比如当需要设置一个矩形的宽高比为16:9,并且随屏幕宽度自适应时,除了用%,其他单位是很难做到的。所以不存在说某个单位是错误的,某个单位是最好的这种说法。

    那本文说的页面适配,指的是同样的布局,在不同大小的屏幕上怎么进行缩放、控制间距、宽高、字号等大小。

    页面适配的方式有很多:

    使用px,结合Media Query进行阶梯式的适配;

    使用%,按百分比自适应布局;

    使用rem,结合html元素的font-size来根据屏幕宽度适配;

    使用vw、vh,直接根据视口宽高适配。


    在这些大前提下,还需针对一些小的细节做微调。比如使用px的时候,可能在小屏幕中,要对某个容器进行transform: scale(.8),适当缩小处理。使用rem的时候,需要固定页面的左右间距为10px等。

    所以对我来说,尽管网上曾对px、rem和em等单位的优缺点争论过很多,但我的观点可能是,具体情况具体分析。有同学可能要炸了,你这跟没说有啥区别?

    对,我的意思跟开篇一样,单论某个单位的好坏是没意义的。我们最关注的是:什么场景中,使用什么单位最合适。

    也不卖关子了,我就直接列一些自己觉得比较好的实践方式,这些都是根据自己多年的开发经验和大量的调研得到的结论:

    1、在视觉稿要求固定尺寸的元素上使用px。比如1px线,4px的圆角边框。

    2、在字号、(大多数)间距上使用rem。

    3、慎用em。


    为什么我标题没提到%、vw、vh这几个呢?这几个都是按比例适配,只不过参考对象不一样。

    %是参考父容器,vw和vh是参考视口。他们的使用场景是非常固定的,比如上文提到的16:9的容器,除了用%,还有更合适的方式吗?另外,1vw = 1%的视口宽度。所以就真正需要按视口大小适配的时候再用这个单位吧,使用场景相对固定。

    接下来我会详细介绍一下这3个结论的由来。

    为什么慎用em?

    em会叠加计算。在这个机制下太容易犯错了,因为你不知道这段css指定的字号具体是多少。

    1. // HTML

    2. <span>

    3.    abc

    4.    <span>def</span>

    5.    abc

    6. </span>

    7. // CSS

    8. span {font-size: 1.5em;}

    实际的效果是这样的:

    640?wx_fmt=jpeg

    先要搞清楚em的计算原理,它是根据当前元素的字号按比例计算的。

    外层span的字号是16px(浏览器默认值),所以1.5em之后是24px。由于字号是继承的,导致内层span的字号继承过来是24px,再经过1.5em之后就成了36px。

    所以,就算要用em的话,尽量不要用在继承属性(font-size)上,除非你真的清楚你在做什么!

    比如你想根据字号自动调整字符间距,可以这么做:

    1. .content {

    2.    font-size: 1rem;

    3.    letter-spacing: .03em;

    4. }

    但再仔细想一下,letter-spacing由.content的字号决定,而它又由html的字号决定。那为什么letter-spacing不直接用rem呢?

    rem vs. px

    px是我比较喜欢的一个单位,简单又直接。但理性驱使,还是要合理考虑使用场景。

    px的性质决定了它只能用于固定尺寸。也就是说,如果视觉设计师规定,这个边框宽度必须是2px。那这种情况下就不需要讨论了。

    除了固定尺寸用px,其他大部分情况都可以使用rem。

    现在考虑一个实际的开发场景,一般来说都是先有视觉稿才能开发。两种情况:一、假设视觉稿按iPhone 6和iPhone 6+,及其他尺寸各出了一份,那你就按照Media Query去适配。二、设计师只给你一种机型的视觉稿,以iPhone 6为例,750x1334,2倍屏下转换后是375x667。

    第一种情况也不讨论了,通过Media Query断点适配后,其实你处理的还是第二种情况。

    那第二种的意思是,你要根据宽度为375px的稿子,扩展到适配任意宽度的屏幕。(页面高度跟业务有关,不用关心,宽度肯定是固定的)

    接下来拿到视觉稿如下:

    640?wx_fmt=jpeg

    测量后主要参数如下:

    1、页面间距10px

    2、文字间距10px,字号16px

    3、A高度100px

    4、B高度50px,上间距30px


    很快就能写出HTML结构和CSS。

    1. <div class="box box-1">A. 第一段内容</div>

    2. <div class="box box-2">B. 第二段内容</div>

    1. body {

    2.    padding: 10px;

    3.    background: #f6f0ee;

    4. }

    5. .box {

    6.    padding: 10px;

    7.    font-size: 16px;

    8.    color: #fff;

    9.    box-sizing: border-box;

    10. }

    11. .box-1 {

    12.    height: 100px;

    13.    background: #1daedc;

    14. }

    15. .box-2 {

    16.    margin-top: 30px;

    17.    height: 50px;

    18.    background: #ddbe97;

    19. }

    完美符合要求。

    然后视觉开始提要求了,大屏上要把字体放大、间距放大。

    这时候的一个选择是,问设计师是要适配哪种屏幕,字号是多少,间距是多少。技术上再通过Media Query微调。

    1. @media(min-width: 414px) {

    2.    // 这里不写了,按视觉要求量化即可

    3. }

    另一个选择可以反过来做。首先按rem作为字号、容器高度、外间距的单位。那么代码可以改为:

    1. html {

    2.    font-size: 16px;

    3. }

    4. .box {

    5.    font-size: 1rem;

    6. }

    7. .box-1 {

    8.    height: 6.25rem;

    9. }

    10. .box-2 {

    11.    margin-top: 1.875rem;

    12.    height: 3.125rem;

    13. }

    其他的样式规则不变,目前的结果和之前的是等价的。如果再加一点魔法,通过Media Query改变iPhone 6+的html字号,其他元素的属性就会自动变化。

    1. @media(min-width: 414px) {

    2.    html {

    3.        font-size: 17.664px;

    4.    }

    5. }

    17.664 = 414 * 16 / 375。

    由此可以得到html的font-size计算公式为:fontSize = deviceWidth * 16 / 375;

    前提是你的html有这条meta属性:

    1. <meta name="viewport"

    content="width=device-width,
    initial-scale=1.0, maximum-scale=1.0,
     user-scalable=0,user-scalable=no"
    >

    至于为何是16px,这个后面再介绍。所以rem有个明显的优点,它可以通过少量代码解决大部分问题

    如果还存在某些细节不够满意,那再用Media Query微调。这种主观的“好看”、“不好看”,可能注定没法自动化解决吧。

    关于rem兼容性。桌面端的话仅在IE9+支持。vw和vh一样。所以如果要考虑IE8的兼容性,那没别的选择只能用px吧。至于移动端,支持情况不错,可以在生产环境使用。

    html的font-size该如何设置

    由于(大部分)浏览器的默认字号为16px,所以一般来说把html的font-size归一化为16px是比较合适的实践方式。同时可以参考这篇文章。

    为了大家以后参考方便,我列了一些常用的Media Query断点(以iPhone 6为基准)。

    1. @media only screen and (min-width: 320px) {

    2.    html {

    3.        font-size: 13.65px;

    4.    }

    5. }

    6. @media only screen and (min-width: 360px) {

    7.    html {

    8.        font-size: 15.36px;

    9.    }

    10. }

    11. @media only screen and (min-width: 375px) {

    12.    html {

    13.        font-size: 16px;

    14.    }

    15. }

    16. @media only screen and (min-width: 390px) {

    17.    html {

    18.        font-size: 16.64px;

    19.    }

    20. }

    21. @media only screen and (min-width: 414px) {

    22.    html {

    23.        font-size: 17.664px;

    24.    }

    25. }

    26. @media screen and (min-width: 640px) {

    27.    html {

    28.        font-size: 27.31px;

    29.    }

    30. }

    大家可能还会看到一些文章中建议把html字号设成62.5%。

    1. html {

    2.    font-size: 62.5%;

    3. }

    因为刚提到浏览器默认的字号为16px,因此换算成百分比就是62.5% = 1 / 16。

    那为什么要用百分比呢?因为考虑到辅助功能和浏览器设置。对于部分用户,可能会在手机或浏览器的设置中增大手机字号,这意味着对方平时看字是很费力的,所以他才要放大。那把html的字号设置成百分比就很贴心了,会随着手机设置改变页面的字号。

    在手机上设置默认字号是很常见的现象,所以如果是一个充满人道主义的排版,我觉得用百分比是非常高尚的。它不仅从视觉角度去考虑美,更加做到了“用户至上”这四个字。

    好,回到现实环境。只有国外那些对Accessibility要求比较高的国家,才会真正去落实这些。但国内的话,老实说,更注重外观的美。从来没有哪家互联网公司的页面会去兼容Screen Reader,也很少做Keyboard Shortcut。

    扯远了,就算你看到用62.5%的情况,有些间距也是不合理的,都做的不太好,特别是把文案做到图片上的,对字号根本不敏感。如果出发点不是为了用户的视觉接受能力,那就别用62.5%;如果想做,就把缩放考虑到位了,别做半吊子。

    另外,针对本小节开头用16px的情况,这里再给大家提供一招(我调研了一下目前没人这么用,也是灵光一现才想到的)。

    用Media Query的缺点是什么?它是分段函数,对于宽度在[320, 360)区间内的屏幕,会适用同一套方案。最完美的应该是线性函数,怎么做?很简单,用vw即可。

    1. html {

    2.    font-size: 4.266667vw;

    3. }

    用1行代码代替之前6个冗长的Media Query,还不错吧。

    如何提高rem的可读性

    我们来谈最后一个话题。

    当你知道html的font-size怎么设置后,肯定想问,难道我每次写代码时,还得做个除法,把rem的值计算出来吗?

    我相信稍微“现代”一点的开发者,都会用到CSS预处理。基于这个工具,事情就很好办了,以LESS为例,两步操作如下:

    1. // 1\. 按iPhone 6的视觉稿,基准字号为16px,

    2. 因此可以设置一个LESS变量。

    3. @px: 16rem;

    4. // 2\. 通过LESS内置的除法自动运算。

    5. 比如用到16px的字号时,写成16/@px即可,最后会计算成1rem。

    6. .example {

    7.    font-size: 16/@px;

    8.    margin: 20/@px 0;

    9.    padding: 20/@px 10/@px;

    10. }

    小结

    本文给大家介绍了rem的适配方式,如何设置html的font-size,如何更快地书写rem的值。

    本文没有任何“PHP是最好的语言”这种类似的导向,都是根据自己的经验和观察所得出的结论,若有不对请指正。

    页面适配是很精细的工作,可能你已经有了一套非常熟练的开发方式,那保持下去即可。如果没有,不妨参考一下这篇文章。

    640?wx_fmt=jpeg


    展开全文
  • https://zhuanlan.zhihu.com/p/47693900
  • 对于只需要适配少部分手机设备,且分辨率对页面影响不大的,使用px即可 对于需要适配各种移动设备,使用rem,例如只需要适配iPhone和iPad等分辨率差别比较挺大的设备 rem配置参考: html{font-size:10px} @...
  • 对于只需要适配少部分手机设备,且分辨率对页面影响不大的,使用px即可对于需要适配各种移动设备,使用rem,例如只需要适配iphone和iPad等分辨率差别比较挺大的设备 html{font-size:10px}@media screen and (min-...
  • 介绍px em rem 区别 对比 PX px像素(Pixel):相对长度单位,像素px是相对于显示器屏幕分辨率而言的。 IE无法调整那些使用px作为单位的字体大小; 国外的大部分网站能够调整的原因在于其使用了em或rem作为字体单位;...
  • 但是,我们能感知的长度大小,还是可以,全部使用rem后,一旦设计稿有很多替换,你还知道有什么rem不需要修改吗? 使用该插件后,源文件全部使用px,是不是又回到了做pc端页面的时代了? 使用方法 var gulp = ...
  • 前端开发中还原设计图的重要性毋庸置疑,目前来说应用最多的应该也还是使用rem。然而很多人依然还是处于刀耕火种的时代,要么自己去计算rem值,要么依靠编辑器安装... postcss-pxtorem:转换pxrem的插件。 自动...
  • 今天介绍另一种方法,原理还是px 转化为 rem,但是我们是用一个 webpack 插件 postcss-pxtorem自动将px转化为rem,这样我们在css里就可以直接按照设计稿写px了。 安装 npm install postcss-pxtorem -D 在项目根...
  • pxrem配置

    2020-12-23 21:10:26
    前端适配-pxrem; ​ 最近在做一个pc端的后台管理系统,项目一期一批次已开发完毕,因为一批次没有适配要求,所以大框架时没有使用rem,业务现在又提出加入低分辨率适配; ​ 苦思冥想后决定还是百度吧,网上有很...
  • vue pxrem

    2019-10-08 15:22:59
    vue px转换为rem 前端开发中还原设计图的重要性毋庸置疑,目前来说应用最多的应该也还是使用rem。然而很多人依然还是处于刀耕火种的时代,要么自己去计算rem值,要么依靠编辑器安装插件转换...
  • 自适应字体px转换rem

    千次阅读 2018-07-12 14:01:42
    1. rem是相对根元素html的,所以在设备设置...为了方便计算,设置1rem=10px,1rem=10px,(10/16)*=62.5%;由于有些浏览器支持的字体最小为12px,因此设置1rem=100px,(100/16)*100%=625%。但实际上转换还是除以10即可...
  • postcss-pxtorem:转换pxrem的插件。 自动设置根节点html的font-size 因为rem单位是相对于根节点的字体大小的,所以通过设置根节点的字体大小可以动态的改变rem的大小。 原理网上有很多文章分享,这里不具体解释。...
  • 前端开发还原设计稿的重要性毋庸置疑,目前应用的单位最多还是rem,然而每次在制作过程中需要自己计算rem值,为了能够直接按照设计图的尺寸开发,并且能自动编译转换成rem,下面就来分享下postcss-pxtorem的使用。...
  • 前端开发还原设计稿的重要性毋庸置疑,目前应用的单位最多还是rem,然而每次在制作过程中需要自己计算rem值,非常不便。接下来介绍一下postcss-pxtorem的使用。 一、postcss-pxtorem 配置步骤 1. 安装postcss-pxto...
  • 前端开发还原设计稿的重要性毋庸置疑,目前应用的单位最多还是rem,然而每次在制作过程中需要自己计算rem值,为了能够直接按照设计图的尺寸开发,并且能自动编译转换成rem,下面就来分享下postcss-pxtorem的使用。...

空空如也

空空如也

1 2 3 4 5 ... 15
收藏数 285
精华内容 114
关键字:

px还是rem