レスポンシブウェブデザイン - 紹介

レスポンシブウェブデザインとは何ですか？

全てのデバイスで良い見た目を持つウェブページをデザインするために、レスポンシブウェブデザインが役立ちます。

レスポンシブウェブデザインは HTML と CSSのみを使用します。

レスポンシブウェブデザインはプログラムや JavaScript ではありません。

すべてのユーザーに最適な体験を提供するデザイン

デスクトップ、タブレット、スマートフォンなど、さまざまなデバイスでウェブページを確認することができます。どのデバイスを使用しても、ウェブページは美しく使いやすいであるべきです。

小さなデバイスに情報を捨てるのではなく、どんなデバイスにも適したコンテンツにするべきです：


デスクトップコンピュータ

タブレット

スマートフォン

CSS と HTML を使用してサイズを調整し、コンテンツを隠し、小さくならせ、大きくならせ、移動し、どんなスクリーンでも見栄えが良いようにすることをレスポンシブウェブデザインと呼びます。

以下の例が理解できない場合は、心配しないでください。次の章で一つ一つ丁寧にコードを説明します：

自分で試してみる