Foundation

Foundation 是由 ZURB 开发的一系列响应式前端框架，旨在帮助开发者快速构建在各种设备上都能出色显示的网站、应用和邮件。框架包含 Foundation for Sites 和 Foundation for Emails 两个核心产品，分别专注于网页和邮件的响应式设计。

核心功能

• 响应式网格系统：基于 XY 网格，支持灵活布局，优先适配移动端。
• UI 组件：提供按钮、导航、表单、弹出框等常用组件，可直接使用或自定义。
• JavaScript 插件：包含交互功能，如轮播、选项卡、滚动侦测等。
• 邮件框架：专门处理邮件客户端兼容性，提供测试通过的邮件模板。
• 可定制性：通过 Sass 变量和构建工具，可自由调整颜色、间距、字体等样式。

适用人群

• 前端开发者：需要快速搭建响应式项目的个人或团队。
• 设计师：希望使用语义化框架构建原型或成品。
• 邮件设计师：需要制作兼容各邮件客户端的 HTML 邮件。

使用方式

从官网下载 Foundation 6 或使用 CDN 链接。项目中引入 CSS 和 JS 文件后，即可使用预定义的类名和 JavaScript 插件。高级用户可通过 Sass 自定义构建，或使用 ZURB 的构建工具自动化任务。官方提供丰富的文档、教程和 HTML 模板资源，帮助新手快速上手。

注意事项

• 框架体积较大，建议按需定制以优化性能。
• 邮件模板需严格测试不同客户端，Foundation for Emails 提供已验证的模式，但仍建议手动测试。
• 版本迭代较快，注意迁移指南。