サイトレビュー12
レスポンシブコーディング 勉強中のため、ブレイクポイントがあるのか、どういう変化があるのかを見てみました。
①デジャヴ公式ブランドサイト
・ブレイクポイントはなかった(と思う)
・NEWSとPICKUP部分は、スマホで見てもボックスが横並びになっていて、横にスクロールして見られるようになっている
②株式会社エクスクルシーブジャパン
・ブレイクポイント→960pxになるとメイン画像の表示が変わる
③大成紙器製作所
・ブレイクポイント→768px
・768px以下になるとナビゲーション、ロゴが画像の左下から真ん中になる、INFOMATIONの日付と見出しが1行から2行になる、フッターの並びが変わる等。
④mento
・ブレイクポイントはなかった(と思う)画面サイズに合わせてコンテンツ幅が変わる。
⑤清水寺
・ブレイクポイント→800px、480px
・800px以下になるとナビゲーション、特集・ご案内・バナー部分の写真の横並びが縦に並ぶ。480px以下になると更新情報が横2列から縦一列になる。
(SNS・YouTubeやってるのすごい。。)
【デザインの共通点】
・SPで見た時:サイト上部(右上)にハンバーガーメニュー固定表示
レスポンシブとナビゲーション表示はまだまだ復習が必要です◎
この記事が気に入ったらサポートをしてみませんか?