レスポンシブ対応ならばサイトを画面幅に合わせられた

デバイスでサイトのレイアウトを保持するにはmetaタグでviewportを設定すれば良い。 サイトのレスポンシブ対応のソースコード <meta name="viewport" content="width=device-width, initial-scale=1.0"> HTML編集のhead内に追加すると画面幅に合わせてサイトが表示されるので、デバイスが変わってもデザインが崩れることはなくなるんだ。 レスポンシブ対応といわれ、ソースコードを、一行、追加するだけで、とても容易い。 サイトのレスポンシブデザインの必要性 携帯電話、「ファブレット」、タブレット、デスクトップ、ゲーム機、テレビ、さらにはウェアラブルでは、さまざまな画面サイズが存在します。画面サイズは常に変化するため、サイトが任意の画面サイズに適応…