The screen size map compares viewport sizes in device‑independent pixel to plan responsive and fluid layouts for great UX / UI designs in websites or digital products.
![Screen Size Map](https://cdn-ak-scissors.b.st-hatena.com/image/square/e9eec73db885ea9fae128bf6e73376ba20561bc1/height=288;version=1;width=512/https%3A%2F%2Fscreensizemap.com%2Fimg%2Fopen-graph%2Fog-square.png)
photo credit: ak_tokyo via photopin cc レスポンシブサイトを構築する際、意外と引っかかるのが「グローバルナビ」 ページの横幅(キャンバス)いっぱいに表示させることが多い関係上、キャンバス幅が一定でなくなるレスポンシブWebデザインでは一筋縄ではいきません。 慣れない内は考えるのが面倒で「スマホ専用のナビゲーションを別途用意」したり、「グローバルナビをまるごと非表示にしてしまう」ということをされた方の少なくないのではないかと思います。 今回は「レスポンシブWebデザインで使えるグローバルナビ」をまとめました。 1:【CSS】Table-cellで1行表示 「グローバルナビは絶対に1列固定。それ以外は認めない」という方向けの方法。 これを使うと間違いなく1列のグローバルナビが作れます。 原理は簡単で、1列だけのtableを作るというだけのことです。 CSS
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く