13:15レスポンシブ2019年の時点でサイトのレスポンシブ化は必須と言えますね。Googleも「モバイルフレンドリー」を推奨し、サイトの評価の一端に寄与しています。そこで今回は、レスポンシブサイトの構築に必須のコードを紹介します。大事なのはwebページに現在のwidthを認識させることです。そのためにはmeta「viewport」を記述することで、現在のwidthを取得できます。initial-scale=1:現在のデバイスの横幅をそのままウィンドウ幅として認識する。queryを用いて組んでいきましょう。cssの中でデバイスサイズごとにスタイルを分けていく方法を紹介します。デザインはPCファーストで組んでいくのがやりやすいかと思います。*/}jQueryの用意jQueryはおまけですが、サイトを構築する際は下ごしらえとして入れておくのが良いでしょう。下記の公式サイトよりダウンロードしてサイトの埋め込みましょう。</body>の直上がオススメです。その下に<script></script>で囲み独自処理を記述していきましょう。3.3.1」よりウィンドウを開き、名前をつけて保存しましょう。