基础 CSS 显示全屏
Foundation CSS是由 ZURB 于 2011 年 9 月创建的开源和响应式前端框架,可以轻松创建可在任何设备上运行的令人惊叹的响应式网站、应用程序和电子邮件。许多公司,如 Facebook、eBay、Mozilla、Adobe,甚至迪士尼,都在使用它。该框架基于bootstrap,类似于SaaS。它更加复杂、通用且可配置。它还带有一个命令行界面,使其易于与模块捆绑器一起使用。电子邮件框架为您提供响应式 HTML 电子邮件,可以在任何设备上阅读。 Foundation for Apps 允许您构建完全响应的 Web 应用程序。 Reveal是模式或弹出窗口,用于在我们单击按钮时显示一些信息。我们可以在弹出窗口中显示内容,而无需导航到另一个页面。 Reveal Full-screen用于使用.full类全屏显示模式。在本文中,我们将讨论 Foundation CSS 中的 Reveal Full-screen。
Foundation CSS Reveal 全屏类:
- full:该类用于创建全屏模式。
句法:
...
示例 1:以下代码演示了带有一些内容的 Foundation CSS Reveal Full-screen。
HTML
GeeksforGeeks
Foundation CSS Reveal Full-screen
GeeksforGeeks
A Computer Science portal for geeks.
It contains well written, well thought
and well explained computer science and
programming articles
HTML
GeeksforGeeks
Foundation CSS Reveal Full-screen
GeeksforGeeks
A Computer Science portal for geeks.
输出:
示例 2:以下代码演示了带有图像和内容的 Foundation CSS Reveal Full-screen。
HTML
GeeksforGeeks
Foundation CSS Reveal Full-screen
GeeksforGeeks
A Computer Science portal for geeks.
输出:
参考: https://get.foundation/sites/docs/reveal.html#full-screen