レスポンシブデザインでスマホ対応
レスポンシブデザインとは１つのコンテンツでPC・スマホ・タブレットなど、どのデバイスでも最適に表示されるようにする仕組みです。
PC版をそのまま見るとレイアウトや文字が小さく表示されてしまうため、スマホなどのモバイル環境でも綺麗に見えるようにデザインします。スマホ対応していることは、SEO的にも重要な要素になります。
メリットは、以下になります。
- コンテンツを追加・編集する際、PC版・スマホ版と分けなくても１つで更新できる
- URLが一緒のため管理しやすく、告知等URLを伝える場合に１URLで簡潔。
一般的なPC・タブレット・スマホの画面サイズ（表示解像度）は、以下のようになります。
| 主な画面サイズ 横×縦（px） | |
| PC | 1,920×1,080、1,536×864、1,366×768、1,280×720、2560×1440、1,440×900 |
| タブレット | 768×1,024、810×1,080、800×1,280、834×1,194、744×1,133 |
| スマホ | 390×844、375×667、375×812、414×896、428×926、360×640 |
