我有一个网站，其中包含固定页眉和固定侧导航，以及滚动内容。
我发现在某些页面上，屏幕较小的用户无法访问所有菜单项，因为固定的侧面导航会从屏幕底部延伸出来。
这有什么办法吗？
我做了一个快速的模型来说明。
http://jsfiddle.net/cr0wn3r/ycTXF/
这一切都很好，直到你缩小浏览器，然后你看到leftcol离开屏幕的底部，没有办法滚动到它。
答案 0 :(得分：1)
使用媒体查询，您可以检测视口的大小，然后相应地有条件地设置侧边栏的样式（如果视口的高度太小，可能会将其放在所有内容之后）。
Ethan Marcotte的This article很好地解释了使用自适应网站可以实现的目标，而this site则演示了如何处理不同的视口。
关键是使用媒体查询来正确处理不同的视口。
答案 1 :(得分：1)
您应该使用媒体查询来为具有较小屏幕的用户更改固定导航的样式。较小的字体大小，填充等等。
Chris Coyier撰写了一篇很棒的文章，在这里解释CSS媒体查询http://css-tricks.com/6731-css-media-queries/
答案 2 :(得分：0)
我能想到添加
的解决方案 overflow: scroll;
到你的CCS（我在你的小提琴上完成了这个）。它很丑，但你的访客必须购买新的屏幕...... 或者也许你可以调整字体大小？！