フッター

フッターはHTML5の記法に準拠して作成します。レイアウトオプションで表示幅を制御することができます。

このサンプルで使用するオプション

フッター

記述ルール

  • ページフッタ(コピーライト等)は<footer>に記述する
  • <footer>の class 属性でヘッダのレイアウトオプション(後述)を指定する
  • <main>内に <footer>を配置しない

プレビュー

スマートフォン上での表示 (変換前)

このプレビューは、横幅480pxの画面を50%に縮小して表示しています。

PREVIEW
パソコン上での表示 (変換後)

このプレビューは、横幅1372pxの画面を50%に縮小して表示しています。

PREVIEW

新しいウィンドウで開く

ソースコード

HTML
<footer class="mf-width-fullexpand">
    <div class="copyright">Copyright &copy; 2019 Symmetric Co., Ltd.All rights reserved.</div>
</footer>
CSS
footer {
    background: #000;
    color: #fff;
    padding: 20px;
    text-align: center;
}

バリエーション

mf-width-expandを指定した場合

mf-width-*を指定しない場合