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

Question

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

Answer 1

他正在使用media query用于该响应式网站。

您可以像HTML这样定义：

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

OR 您可以像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/

Answer 2

他们使用@media规则。

来自CSS的片段：

@media (max-width:950px) {
    #sidebar { display:none; }
    #content { margin-left:20px; }
    ...
}

文档： http://www.w3.org/TR/css3-mediaqueries/#width

Answer 3

他们使用css来做到这一点。他们有规则说当浏览器宽度达到这个特定宽度时实现这个css。