文件名称：offscreen_menu:尝试使用屏幕外响应菜单
文件大小：59KB
文件格式：ZIP
更新时间：2021-07-07 12:41:15
CSS 屏幕外菜单 受到在上所做工作的启发，我想创建一个非常简单的屏幕外菜单解决方案，它将： 工作到 IE8（使用 response.js 修补） 首先要移动，但只有在屏幕尺寸低于 62.5em (1000px) 时才开始- 有中小屏版本 细节 浏览器必须同时支持 JavaScript 和媒体查询才能获得完整的体验。 任何不支持其中一个的浏览器都会获得菜单的移动优先版本。 唯一的例外是 IE8，它使用 response.js 来支持简单的基于宽度的媒体查询。 屏幕外菜单通过使用.page
作为导航菜单的定位上下文来工作，该导航菜单绝对位于屏幕外。 当导航处于活动状态时， .page
的左侧位置会更新，以使菜单可见或隐藏。 .wrapper
定义了站点的宽度，并通过使用overflow:hidden确保所有超出限制的内容都保持不可见。
min-height用于
【文件预览】：
offscreen_menu-gh-pages
----css()
--------imports()
--------screen.css(4KB)
--------screen.scss(4KB)
----img()
--------sprite_global.png(10KB)
--------sprite_global.svg(5KB)
----readme.md(2KB)
----index.html(3KB)
----js()
--------global.js(272B)
--------navigation.js(655B)
--------libs()
----.gitignore(22B)
【文件预览】：
offscreen_menu-gh-pages
----css()
--------imports()
--------screen.css(4KB)
--------screen.scss(4KB)
----img()
--------sprite_global.png(10KB)
--------sprite_global.svg(5KB)
----readme.md(2KB)
----index.html(3KB)
----js()
--------global.js(272B)
--------navigation.js(655B)
--------libs()
----.gitignore(22B)