画面構成

Last-modified: 2020-05-30 (土) 22:47:17
  • 基本幅
    最低限確保?される幅。ブラウザーの幅をこれ以上小さくした場合はスクロールバーで表示領域外にはみ出る。
    設定[px]デフォルト(930)9801024115012801366
    • 狭い場合
      文字列や表の折り返しが発生しやすい。広い画面を活用できない。
    • 広い場合
      一行が長い文章や巨大な表がブラウザーの表示領域に収まらず、スクロールバーが発生する。画面が狭い人にデメリット。
  • 幅の伸縮
    ブラウザーの表示幅に連動して表示される最大幅。
    設定[px]デフォルト(固定)固定1024まで1150まで1280まで1366まで1960までブラウザに合わせる
    固定は基本幅で固定。
    • 狭い場合
      広い画面を活用できない。
    • 広い場合
      自分のディスプレイサイズに合わせて任意に調整できるが、全画面表示で見る人は文章が読みにく場合も。
  • MenuBarの幅
    設定[px]デフォルト(160)160260340
    • 幅を変更しても基本幅や幅の伸縮に影響はしない。
      つまりメニュー幅を広げると、その分本文の幅は狭くなる。
    • SideMenu幅はこの設定の影響を受けない。占有160px内容150px

サンプル