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
お疲れ様です。お菓子食べながらみてます。
CSS入門講座受講完了😊
ありがとうございます。エラーが直りました。
書籍、姉妹本とセットで購入しました。色の章が個人的には凄くためになりました。ありがとうございます😊widthの発音が[wítθ]になってて👍日本では[widosu]が多いかな😮