logo
搜索
我的图书馆

发文章

发文工具

其他工具

留言交流
搜索
分享

!!!!!Foundation 3响应式设计（Responsive Design)

 看见就非常 2013-02-19
Foundation 3响应式设计（Responsive Design)

　Foundation 3，由 ZURB 公司开发，号称世界上最先进的响应式前端框架。利用灵活的网格系统可以快速设计出页面布局。更妙的是，网格可以是你所需要的任何尺寸，它很容易适应各种尺寸的屏幕

Foundation 3响应式设计（Responsive Design)
  1. <!DOCTYPE html>
  2. <!-- paulirish.com/2008/conditional-stylesheets-vs-css-hacks-answer-neither/ -->
  3. <!--[if lt IE 7]> <html class="no-js lt-ie9 lt-ie8 lt-ie7" lang="en"> <![endif]-->
  4. <!--[if IE 7]>    <html class="no-js lt-ie9 lt-ie8" lang="en"> <![endif]-->
  5. <!--[if IE 8]>    <html class="no-js lt-ie9" lang="en"> <![endif]-->
  6. <!--[if gt IE 8]><!--> <html class="no-js" lang="en"> <!--<![endif]-->
  7. <head>
  8.  <meta charset="utf-8" />
  9.  <!-- Set the viewport width to device width for mobile -->
  10.  <meta name="viewport" content="width=device-width" />
  11.  <title>Welcome to Foundation</title>
  12.  
  13.  <!-- Included CSS Files (Uncompressed) -->
  14.  <!--
  15.  <link rel="stylesheet" href="stylesheets/foundation.css">
  16.  -->
  17.  
  18.  <!-- Included CSS Files (Compressed) -->
  19.  <link rel="stylesheet" href="stylesheets/foundation.min.css">
  20.  <link rel="stylesheet" href="stylesheets/app.css">
  21.  <script src="javascripts/modernizr.foundation.js"></script>
  22.  <!-- IE Fix for HTML5 Tags -->
  23.  <!--[if lt IE 9]>
  24.    <script src="http://html5shiv./svn/trunk/html5.js"></script>
  25.  <![endif]-->
  26. </head>
  27. <body>
  28.  <div class="row">
  29.    <div class="twelve columns">
  30.      <h2>Welcome to Foundation</h2>
  31.      <p>This is version <strong>3.2.2</strong> generated on November 10, 2012.</p>
  32.      <hr />
  33.    </div>
  34.  </div>

    本站是提供个人知识管理的网络存储空间，所有内容均由用户发布，不代表本站观点。请注意甄别内容中的联系方式、诱导购买等信息，谨防诈骗。如发现有害或侵权内容，请点击一键举报。
    转藏 分享 献花（0）

    来自： 看见就非常 > 《tip》

    举报/认领

    0条评论

    发表

    请遵守用户 评论公约

    类似文章 更多