css兼容不同分辨率自适应@media的运用技巧

css如何利用@media兼容不同分辨率，下面web建站小编给大家介绍一下关于@media的运用方法！

@media方法介绍：

@media screen and (min-width: 1900px) {
  .container{
     //屏幕宽度>=1900px执行
  }
}
@media screen and (max-width: 768px) {
  .container{
     //屏幕宽度<=768px执行
  }
}
@media (min-width: 480px) and (max-width: 768px) {
  .container{
     // 在屏幕宽度为480px和768px之间执行
  }
}

min-width表示最少**像素，max-width表示最多**像素。