スマホ対応(レスポンシブ)とは?
スマホでも、パソコンでも、画面サイズに合わせて自動で綺麗に変形する仕組みです。
画面の形に合わせて、レイアウトが勝手に変形する魔法🚀
昔のホームページは「パソコン用」と「ガラケー用」の2つのサイトを別々に作っていました。しかし今は「スマホ・タブレット・大画面パソコン」など、見る人の画面サイズがバラバラです。
そこで登場したのがレスポンシブデザインです。
💻 パソコンで見ると…
横に広く、ボタンも横に並びます。
📱 スマホで見ると…
文字が大きくなり、ボタンが縦一列に並んで押しやすくなります。
どんなメリットがある?
1つのページを作れば全ての端末に対応できるため、情報の更新(ここ直して!など)が一箇所で終わります。また、Googleの検索エンジンも「スマホで綺麗に見えるサイト」を高く評価するため、SEO対策にも必須となっています。