欢迎您访问我爱IT技术网，今天小编为你分享的电脑教程是建站经验系列之：【使用前端框架Foundation 4简化响应式设计开发】，下面是详细的分享！
使用前端框架Foundation 4简化响应式设计开发
Foundation是一套使用广泛的前端开发套件，可以帮助你快速的网站。最近ZURB发布了一个新版本的Foundation 4前端框架，能够有效的帮助你快速的开发响应式的网站。
和另外一个套知名的前端框架BootStrap类似，Foundation同样也提供了一套HTML/CSS的模板，可以帮助你快速的搭建网站基础，包括：布局，组件，字体，表单元素和其它常用的页面元素。
使用Foundation有三种途径，包括：
直接下载压缩版本的CSS，自定义使用自己需要的部分
自定义编译来生成你需要的元素
使用SASS版本的Foundation来自定义代码
Foundation4 最强大的地方在于有效地整合了SASS，你可以使用SASS中的Mixins概念来简化开发。使得组件的使用更加的简单和便捷。
注意新的移动实现方式并不支持media queries，所以有可能影响IE8上的体验。如果你需要支持IE8，这里有一个修改版本的Foundation 4，支持IE8。
因为Foundation4和过去的Foundation3的设计大相径庭，所以ZURB计划继续支持Foundation3一段时间。
如果你对于新版本的Foundation有任何疑问的话，请查看官方文档，或者查看Github中的相关代码，要知道Foundation是Github中最棒的20个明星级别项目之一。相信选择它不会让你失望!
via 极客标签
来源：使用前端框架Foundation 4来帮助简化响应式设计开发
日期：2013-3-12 来源：GBin1.com
以上所分享的是关于使用前端框架Foundation 4简化响应式设计开发，下面是编辑为你推荐的有价值的用户互动：
相关问题：前端开发框架有哪些
答：1. Bootstrap Boostrap绝对是目前最流行用得最广泛的一款框架。它是一套优美，直观并且给力的web设计工具包，可以用来开发跨浏览器兼容并且美观大气的页面。它提供了很多流行的样式简洁的UI组件，栅格系统以及一些常用的JavaScript插件。 Bootst... >>详细
相关问题：响应式开发满足三个窗口大小
答：建议参考拼图前端框架的布局方式，使用移动优先。 /*400*/ #news{...} ... @media (min-width: 400px) { ... } /*大于400用这个*/ #news{...} ... } @media (min-width: 1200px) { ... } /*大于1200用这个*/ #news{...} ... } 可以参考http://ww... >>详细
相关问题：除了bootstrap还有哪些响应式设计前端框架
答：bootstrap.css 是完整的bootstrap样式表，未经压缩过的，可供开发的时候进行调试用 bootstrap.min.css 是经过压缩后的bootstrap样式表，内容和bootstrap.css完全一样，但是把中间不必要的空格之类的东西都删掉了，所以文件大小会比bootstrap.css. >>详细
- 评论列表（网友评论仅供网友表达个人看法，并不表明本站同意其观点或证实其描述）
-