移动端布局的相关单位

详情 http://www.sharedblog.cn/?post=29

1. px  像素,相对于屏幕分辨率而言

2. em 相对于父元素字体大小放到缩小多少倍

    1em = 16px

    注:由于元素字体大小不固定,所以不推荐使用em

3. rem 相对于根元素字体大小放大缩小多少倍

    注:是rem布局方案中用到最主要的一个单位

4. vw     vw——viewport width (视图窗口的宽度)

    1vw = 视窗口宽度的 1%

    vh——viewport height(视图窗口的高度)

    vmin    vw和vh中较小的那个

    vmax    vw和vh中较大的那个

猜你喜欢

转载自blog.csdn.net/tianpeng1996/article/details/84063288