はてなブックマーク

About このページは、レスポンシブの挙動やサイトを構成するパーツの仕様を決定するために作られたデモサイトです。PCで、ブラウザの幅を変えてみて挙動を確認・共有するために作りました。下の設定を変更すると、このページの仕様が動的に変更されます。 Settings ヘッダ 画面上部に固定して、スクロールに追従させる メインビジュアルの高さ 固定する (主に上下がトリミングされる) 横幅に合わせて拡大・縮小する (画像が全て表示される) ブラウザの高さに合わせる (上下、もしくは左右がトリミングされる。100vh) スマートフォン (〜750px) 端末の横幅に合わせてコンテンツも拡大・縮小する ※ vwやremによる実装 文字や余白などの数値を固定にする (改行位置などは端末ごとに変わる) ※ pxによる実装 タブレット (751px〜1040px) 実装せず、PC版+スクロールバーとする