@media screen and (max-width:1200px){} css3中响应媒体设备的应用

来源:赵克立博客分类: 前端开发标签：--发布时间:2014-07-30 16:07:00最后更新:2014-07-30 16:39:00浏览:4437

本文为博主原创文章，转载请声明原文链接...谢谢。o_0。

原文链接:

http://www.zhaokeli.com /article/1789.html

更新时间：

2014-07-30 16:39:00

温馨提示：

学无止境,技术类文章有它的时效性,请留意文章更新时间,如发现内容有误请留言指出,防止别人"踩坑",我会及时更新文章

使用下面代码可以根据设备的分辨率来使用对应的样式

@media screen and (max-width:1200px) { /***代码**小于1200时应用样式*/ }
@media screen and (max-width:1024px) { /***代码**小于1024时的样式*/ }
@media screen and (max-width:768px) { /***代码**小于768时的样式*/ }
@media screen and (max-width:640px) { /***代码**小于640时的样式*/ }