看见就非常 / tip / !!!!!Foundation 3响应式设计(Responsive...

分享

   

!!!!!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.googlecode.com/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条评论

    发表

    请遵守用户 评论公约

    类似文章 更多
    喜欢该文的人也喜欢 更多

    ×
    ×

    ¥.00

    微信或支付宝扫码支付:

    开通即同意《个图VIP服务协议》

    全部>>