网站媒体查询设置

2019独角兽企业重金招聘Python工程师标准>>>

语法：@media screen and (min-width: 768px) {}

/* 超小屏幕（手机，小于 768px） */

/* 小屏幕（平板，大于等于 768px） */
@media screen and (min-width: 768px) { 
    h1{
        font-size: 40px;
    }
  }

/* 中等屏幕（桌面显示器，大于等于 992px） */
@media screen and (min-width: 992px) { 
    h1{
        font-size: 60px;
    }
 }

/* 大屏幕（大桌面显示器，大于等于 1200px） */
@media screen and (min-width: 1200px) { 
    h1{
        font-size: 70px;
    }
 }

转载于:https://my.oschina.net/parchments/blog/816251