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表示最多**像素。

如何利用vuejs指令实现不同分辨率适配

利用@media实现不同分辨率的兼容

标签： max-width, media, min-width, 分辨率兼容

上面是“css兼容不同分辨率自适应@media的运用技巧”的全面内容，想了解更多关于 前端知识 内容，请继续关注web建站教程。

当前网址：https://m.ipkd.cn/webs_2644.html

声明：本站提供的所有资源部分来自互联网，如果有侵犯您的版权或其他权益，请发送到邮箱：admin@ipkd.cn，我们会在看到邮件的第一时间内为您处理！