前端技术分享论坛

标题: css3媒体查询@media书写顺 [打印本页]
作者: phpvar    时间: 2016-5-4 14:37
标题: css3媒体查询@media书写顺
用min-width时，小的放上面大的在下面，同理如果是用max-width那么就是大的在上面，小的在下面，否则会造成覆盖和重复检测的问题,示例：
  1. /* >=480的设备 */
  2. @media (min-width: 480px) {
  3.         
  4. }
  5. /* >=767的设备 */
  6. @media (min-width: 767px) {
  7.         
  8. }
  9. /* >=768但<=978的设备 */
  10. @media (min-width: 768px) and (max-width: 978px) {
  11.         
  12. }
  13. /* >=978的设备 */
  14. @media (max-width: 978px) {
  15.         
  16. }
复制代码




欢迎光临 前端技术分享论坛 (https://www.phpvar.com/bbs/) Powered by Discuz! X3.2