css - 在调整窗口大小时消失固定的 div

Question

http://mondaybynoon.com/ 上的固定面板当窗口的宽度<960 时消失。没有 JS 用于此。有人可以解释一下它是如何实现的吗？

Answer 1

他正在为那个响应式网站使用媒体查询。

你可以在 HTML 中这样定义:

<link rel='stylesheet' media='screen and (max-width: 900px)' href='css/medium.css' />

或您可以像这样在 CSS 中定义:

@media screen and (max-width: 900px){
  body {
    background: #ccc;
  }
} 

查看这些文章了解更多 http://css-tricks.com/css-media-queries/ , http://coding.smashingmagazine.com/2011/01/12/guidelines-for-responsive-web-design/