即使页面的右侧可以滚动,他如何使侧边栏保持在左边



我正在尝试了解960网格,并且正在看骨架。

http://www.getskeleton.com

如果您访问页面,您会注意到,当页面的右侧上下滚动时,左侧是固定的(侧边栏)。如果收缩浏览器窗口通过一个点,则侧边栏消失了。

我看了CSS,找不到有关该侧边栏的工作方式的任何信息。他是怎么做到的?

侧边栏使用position:fixed;留在原处。响应迅速的一面(重新介绍浏览器)很可能是使用媒体查询。示例:

@media only screen and (max-width: 999px){
   //if screen is less than or equal to 999px (just a random number) execute this code
}
@media only screen and (min-width: 1000px){
   //if screen is greater than or equal to 1000px (just a random number) execute this code
}

update

调整浏览器大小

相关内容

  • 没有找到相关文章

最新更新