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

css如何利用@media兼容不同分辨率，下面编程教程网小编给大家介绍一下关于@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表示最多**像素。

以上是编程学习网小编为您介绍的“css兼容不同分辨率自适应@media的运用技巧”的全面内容，想了解更多关于 前端知识 内容，请继续关注编程基础学习网。