媒体查询(min-width:30.0625em) and (max-width:800px)和(max-width:50rem)有什么区别呢?

来源:5-7 样式书写2(平台特点、最新公告、产品版块)

仁仁栈

2017-03-05

例如有一段用了

@media only screen and (min-width:30.0625em) and (max-width:800px){

    .feature .item h3,

    .feature .item p{

        display:block;

        width:100%;

        font-size:2.6rem;

        text-align:center;

    }

    

    .feature .item p{

        font-size:1.2rem;

    }

}

跟用@media only screen and (max-width:50em)有什么区别呢?


写回答

1回答

姜维

2017-03-13

在课程中有详细描述过相对单位的计算,可以再回听一下

0
0

响应式开发一招致胜

用一套代码开发出不受设备型号、尺寸限制的互联网金融网站

4021 学习 · 752 问题

查看课程