【ホームページ用語きほんのき】その2

知ってるようで知らないホームページの用語を初心者にも解りやすく解説します。2回目の今回は「レスポンシブデザイン」です。

ホームページを閲覧する場合、PC、スマートフォン、タブレットなど異なる画面サイズで見ることが考えられます。その時にWEBサイトの表示レイアウトを自動的にWEB上で最適化するのがレスポンシブデザインです。

デバイス幅に合わせて見やすい表示が自動的に表示されます。PCでも画面サイズや表示サイズが異なる場合そのデバイスに最適なレイアウト表示になります。

特にスマートフォンなど小さい画面での表示はレスポンシブデザインではないホームページではPC表示と同じレイアウトになっていて文字や写真が小さく表示されて見にくくなってしまっいるホームページを今でもよく見かけます。

タブレットでは縦や横で表示する場合に自動的に見やすいレイアウトになります。

レスポンシブデザインではそれぞれのPC環境やブラウザの違いによってもレイアウト表示が自動的に違って見えます。違ったPC環境でも自然に違和感なく表示されるのがレスポンシブデザインの特徴です。