CSS3媒体查询实操(min-width和max-width)

// 窗口小于等于1650px,文字字号16px
@media (max-width: 1650px) {
    
    
  font-size:16px;
  color:#00031a;
  padding-right: 5px;
  padding-top: 5px;
  font-weight: bold;
} 

// 窗口大于等于1651px,文字字号30px
@media (min-width: 1651px) {
    
    
  font-size:30px;
  color:#00031a;
  padding-right: 10px;
  padding-top: 5px;
}

// 窗口小于等于980px,文字字号30px
@media (max-width: 980px) {
    
    
  font-size:30px;
  color:#00031a;
  padding-right: 10px;
  padding-top: 5px;
}

猜你喜欢

转载自blog.csdn.net/weixin_40639095/article/details/116124252