<link rel="stylesheet" media="(max-width: 800px)" href="example.css" />
<!-- 样式表中的CSS媒体查询 -->
<style>
//最大宽度为600px
@media (max-width: 600px) {
.facet_sidebar {
display: none
}
}
//宽度在500-800之间
@media screen and (min-width: 500px) and (max-width: 800px) {
.facet_sidebar {
display: block
}
}
</style>
应该是打开百度空间之后,打开主页,然后在菜单栏上单击"查看"——“源文件”就可以了。然后会打开一个记事本，出现一些代码，这些还不是你要修改模板用的代码，如果想找那个代码的话，还要再查找‘CSS’，查找到第三个的时候，把它弄到你的地址栏上，放到你的空间域名后，这次打开的记事本文件就是CSS代码文档了。如果还有不明白的话，就进我空间联系我。http://hi.baidu.com/nmbh0306
media query 里的 min-width 和 max-width 要“反着”来理解：min-width: 768px，表示最小宽度是768px，即它下面的样式代码在屏幕宽度大于等于768px时生效；max-width: 768px，表示最大宽度是768px，即屏幕宽度小于等于768px时生效。
搞清楚了上面的原理，再来看 ipad 的 media query 被设为 min-width: 768px，因为ipad的竖屏使用场景较多，所以就能优先应用到该样式，那么设置 max-width: 768px 行不行呢？当然也可以，不过这样写，它下面的样式代码的适配场景就少得多，而且这种写法不符合自然的逻辑思维，理解起来有点绕。
