foundation5学习

Posted 2020-11-03 dandan1122

1、Foundation介绍

　　Foundation 用于开发响应式的 html, CSS and javascript 框架。

　　Foundation 是一个易用、强大而且灵活的框架,用于构建基于任何设备上的 Web 应用。

　　Foundation 是一个以移动优先的流行框架。

　　提供响应式布局

　　其他的框架：Bootstrap,Semantic UI ,Pure,UIKit...

2、响应式网页设计

　　页面的设计与开发跟随设备的尺寸而进行相应的调整与变化。

3、使用foundation创建页面

　　http://www.runoob.com/foundation/foundation-grid-block.html

　　a、添加 HTML5 doctype

　　b、Foundation 5 移动优先

　　　　<meta name="viewport" content="width=device-width, initial-scale=1">

　　c、 初始化组件

　　　　<script>
　　　　　　$(document).ready(function() {
    　　　　　　　$(document).foundation();
　　　　　　})
　　　　</script>