スマホ対応(レスポンシブ)とは?

スマホでも、パソコンでも、画面サイズに合わせて自動で綺麗に変形する仕組みです。

画面の形に合わせて、レイアウトが勝手に変形する魔法🚀

昔のホームページは「パソコン用」と「ガラケー用」の2つのサイトを別々に作っていました。しかし今は「スマホ・タブレット・大画面パソコン」など、見る人の画面サイズがバラバラです。

そこで登場したのがレスポンシブデザインです。

💻 パソコンで見ると…

横に広く、ボタンも横に並びます。

📱 スマホで見ると…

文字が大きくなり、ボタンが縦一列に並んで押しやすくなります。

どんなメリットがある?

1つのページを作れば全ての端末に対応できるため、情報の更新(ここ直して!など)が一箇所で終わります。また、Googleの検索エンジンも「スマホで綺麗に見えるサイト」を高く評価するため、SEO対策にも必須となっています。