CSS入門講座 #14:メディアクエリーでレスポンシブに対応させよう

レスポンシブWebデザインとは、表示領域の幅によって見え方が変わるようにデザインされたWebサイトのことです。スマートフォンのように小さな画面でも見やすいように、CSSのMedia Queries(メディアクエリー)で調整しましょう。
【目次】
0:00 レスポンシブWebデザイン
2:51 メディアクエリーでレスポンシブに対応させる
5:05 Viewportの設定
7:19 min-width, max-width
8:21 ブレークポイント
【紹介しているWebサイト】
- Webクリエイターボックス www.webcreatorbox.com/
【より詳しく学びたい方へ】
KZread動画では書籍「1冊ですべて身につくHTML & CSSとWebデザイン入門講座」の内容をかいつまんで紹介していきます!書籍ではより詳しい内容に加え、ひとつのWebサイトを制作していきながら実践的に学べますよ。サンプルファイルもあります!ぜひ読んでみてくださいね→ amzn.to/2Wo1urI
【ブログ】
ブログ「Webクリエイターボックス」にて、Web制作やWebデザインのトレンドなどを書いています。素敵なWebデザインを紹介したギャラリーページや、Web制作・デザイン関連のおすすめ書籍、お得なクーポンも用意しています!→ www.webcreatorbox.com/
#CSS #Webサイト制作
Twitter: / webcreatorbox
Facebook: / webcreatorbox.fb
Instagram: / webcreatorbox

Пікірлер: 4

  • @user-hg8vx7si4e
    @user-hg8vx7si4e2 жыл бұрын

    お疲れ様です。お菓子食べながらみてます。

  • @haytkat3
    @haytkat310 ай бұрын

    CSS入門講座受講完了😊

  • @nagai_net
    @nagai_net Жыл бұрын

    ありがとうございます。エラーが直りました。

  • @tsuka131
    @tsuka131 Жыл бұрын

    書籍、姉妹本とセットで購入しました。色の章が個人的には凄くためになりました。ありがとうございます😊widthの発音が[wítθ]になってて👍日本では[widosu]が多いかな😮

Келесі