CSS

【CSS】Flexboxを使用したHTMLおよびCSSフレームワークFrow

May 25, 2017
frow

Frowは、Web上でレスポンシブでモバイルファーストプロジェクトを作成するためのHTMLおよびCSSフレームワークです。

Add mobile viewport meta tag

<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
    <title>Frow Project</title>
    ...
  </head>
  ...
</html>

Or

<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <title>Frow Project</title>
    ...
  </head>
  ...
</html>

CDN

[XYZ VERSION HERE]を使用するバージョンに置き換えてください

<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
    <title>Frow Project</title>
    <link rel="stylesheet" href="https://cdn.rawgit.com/Beg-in/frow/[X.Y.Z VERSION HERE]/css/frow.min.css">
    ...
  </head>
  ...
</html>

MIT