レスポンシブウェブデザイン-はじめに
レスポンシブウェブデザインとは何ですか?
レスポンシブWebデザインにより、すべてのデバイスでWebページの見栄えが良くなります。
レスポンシブウェブデザインは、HTMLとCSSのみを使用します。
レスポンシブウェブデザインはプログラムやJavaScriptではありません。
すべてのユーザーにとって最高のエクスペリエンスを実現するための設計
Webページは、デスクトップ、タブレット、電話など、さまざまなデバイスを使用して表示できます。デバイスに関係なく、Webページは見栄えがよく、使いやすいものである必要があります。
Webページは、小さなデバイスに合うように情報を除外するのではなく、そのコンテンツを任意のデバイスに合うように適合させる必要があります。
デスクトップ
タブレット
電話
CSSとHTMLを使用してコンテンツのサイズ変更、非表示、縮小、拡大、または移動を行い、どの画面でも見栄えを良くする場合、これはレスポンシブWebデザインと呼ばれます。
以下の例を理解していなくても心配しないでください。次の章でコードを段階的に説明します。