offscreen_menu:尝试使用屏幕外响应菜单

屏幕外菜单 受到在上所做工作的启发，我想创建一个非常简单的屏幕外菜单解决方案，它将： 工作到 IE8（使用 response.js 修补） 首先要移动，但只有在屏幕尺寸低于 62.5em (1000px) 时才开始- 有中小屏版本 细节 浏览器必须同时支持 JavaScript 和媒体查询才能获得完整的体验。 任何不支持其中一个的浏览器都会获得菜单的移动优先版本。 唯一的例外是 IE8，它使用 response.js 来支持简单的基于宽度的媒体查询。 屏幕外菜单通过使用.page <div>作为导航菜单的定位上下文来工作，该导航菜单绝对位于屏幕外。 当导航处于活动状态时， .page <div>的左侧位置会更新，以使菜单可见或隐藏。 .wrapper <div>定义了站点的宽度，并通过使用overflow:hidden确保所有超出限制的内容都保持不可见。 min-height用于