foundation5学习

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>

原文地址:https://www.cnblogs.com/yrrong/p/9003921.html