@media媒体查询

@media媒体查询

@media screen and (min-width:640px) and (max-width:1920px){/*当屏幕尺寸大于640px时与小于1920时*/
  .public_banner_month{padding-top:4%;}
}
@media screen and (max-width: 370px){ /*当屏幕尺寸小于370px时*/
  .public_banner_month{padding-top:1%;}
}

 另一种方式：

一种是直接在link中判断设备的尺寸，然后引用不同的css文件

<link rel="stylesheet" type="text/css" href="style.css" media="screen and (min-width: 370px)">

 上面的意思是当屏幕的宽度大于等于400px的时候，应用style.css

 

附件：

https://blog.csdn.net/lockey23/article/details/75452536

https://developer.mozilla.org/zh-CN/docs/Web/Guide/CSS/Media_queries