サクサク読めて、アプリ限定の機能も多数!
トップへ戻る
GPT-4o
zenn.dev/taku_ohta
はじめに 案件でTHE FIRST TAKEのようなスマホレイアウトのみで構築されたWebページを作成することになったので、事前調査をしました。概要・名称については株式会社SAVVY / SAVVY Inc.さんの「新たなWEBサイトの潮流?モバイル特化型レスポンシブデザインって?」を参考にさせていただきつつ、利用させていただいています。 今回は、モバイル特化型レスポンシブデザインの有用性を挙げていくと言うよりかは、ブレイクポイントやリサイズ時の仕様などの実装時に必要な情報を、エンジニア目線から調査しています。 それでは、概要からどうぞ。 概要 一言で言うと、PCレイアウトがないサイト。 スマホの画面幅(375px~550px)を基準とし、コンテンツ幅がそれ以上にならないように設計する。PCで出てしまう余白には、補助要素(ページネーションやメニューなど)や、装飾目的の要素を配置すること
このページを最初にブックマークしてみませんか?
『zenn.dev』の新着エントリーを見る
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く