Foundation wird zur Entwicklung responsiver HTML-, CSS- und JavaScript-Frameworks verwendet.

Foundation ist ein benutzerfreundliches, leistungsstarkes und flexibles Framework zum Erstellen von Webanwendungen auf jedem Gerät.

Foundation ist ein beliebtes Mobile-First-Framework.

Stiftungstext Syntax

Hinweis: Foundation verwendet die Standardschriftgröße des Browsers (Schriftgröße: 100 %). Bei den meisten Desktop-Browsern ist die Schriftart standardmäßig 16 Pixel. Bei den meisten mobilen Browsern ist die Schriftart standardmäßig 12 Pixel. Die Standardschriftart ist „Helvetica Neue“ und die Zeilenhöhe beträgt standardmäßig 1,5. Die oben genannten Standardeinstellungen gelten alle für das <body>-Element.

Stiftungstext Beispiel

<!DOCTYPE html>
<html>
<head>
  <title>Foundation 实例</title>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <link rel="stylesheet" href="https://cdn.bootcss.com/foundation/5.5.3/css/foundation.min.css">
  <script src="https://cdn.bootcss.com/jquery/2.1.1/jquery.min.js"></script>
  <script src="https://cdn.bootcss.com/foundation/5.5.3/js/foundation.min.js"></script>
  <script src="https://cdn.bootcss.com/foundation/5.5.3/js/vendor/modernizr.js"></script>
</head>
<body>
 
<div style="padding:20px;">
  <h2>标题</h2>
  <p>标题不同元素字体大小不一样。以下字体默认加粗，不同设备尺寸显示的字体也是不一样的，你可以通过重置浏览器窗口大小查看效果。</p>
  <h1>h1 标题 (<strong>2.125rem</strong> - 2.75rem)</h1>
  <h2>h2 标题 (<strong>1.6875rem</strong> - 2.3125rem)</h2>
  <h3>h3 标题 (<strong>1.375rem</strong> - 1.6875rem)</h3>
  <h4>h4 标题 (<strong>1.125rem</strong> - 1.4375rem)</h4>
  <h5>h5 标题 (1.125rem)</h5>
  <h6>h6 标题 (1rem)</h6>
</div>

</body>
</html>

Instanz ausführen »

Klicken Sie auf die Schaltfläche „Instanz ausführen“, um die Online-Instanz anzuzeigen