我正在尝试了解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
调整浏览器大小