css 最常用的媒体查询

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了css 最常用的媒体查询相关的知识,希望对你有一定的参考价值。

/* Large desktop */
@media (min-width: 1200px) { 
  }

/* Portrait tablet to landscape and desktop */
@media (min-width: 768px) and (max-width: 979px) { 
  }

/* Landscape phone to portrait tablet */
@media (max-width: 767px) { 
  }

/* Landscape phones and down */
@media (max-width: 480px) { 
  }

以上是关于css 最常用的媒体查询的主要内容,如果未能解决你的问题,请参考以下文章

最推荐用于手机和平板设备的 CSS 媒体查询 [重复]

为啥我的媒体查询代码在 CSS 中不起作用?

CSS 媒体查询 - 软键盘打破 css 方向规则 - 替代解决方案?

响应式布局之媒体查询

关于css3媒体查询Media的一些用法小结

在创建移动响应式设计时,哪些是最重要的媒体查询?