Css3媒体查询

详情请参考
原网址：https://developer.mozilla.org/zh-CN/docs/Web/Guide/CSS/Media_queries

备份文件：http://pan.baidu.com/s/1bpDL4Qz

 

格式大概如下

/* 小型设备（平板电脑，768px 起） */
@media (min-width:768px) {...}
            
/* 中型设备（台式电脑，992px 起） */
@media (min-width: 992px) {...}
            
/* 大型设备（大台式电脑，1200px 起） */
@media (min-width:1200px) {...}

 

作用

“响应式设计（Responsive Design）”是一种让网站针对不同的浏览器和设备“响应”不同显示效果的策略，这样可以让网站在任何情况下显示的很棒！
媒体查询是做此事所需的最强大的工具。

转载于:https://www.cnblogs.com/dshvv/p/5373861.html