独学・フリーランス・在宅・SNS疲れのWebデザイナーさんへ、
ビジネス思考を磨いて「わたしの売りはコレ!」を作っていこう。

FlexboxのIE11対策・表示が崩れるケースの対処法(2020.08.29)

FlexboxのIE11対策・表示が崩れるケースの対処法

こんにちは。フクモト学長(@WebcreatorsTips)です。未経験からフリーランス歴16年のWebデザイナーです。スクール運営 9年目になります。
詳しいプロフィールはこちら


FlexboxはこれまでCSSレイアウトに使われてきたfloatやdisplay-inline、potisionプロパティよりも柔軟にレイアウトを組むことができる新しいCSS3のレイアウトモジュールです。

親要素の中で、子要素を縦に並べたり、横に並べたり伸ばしたり、縮めたり表示順を入れ替えたりすることが可能なプロパティです。

Flexboxの基本と最初に抑えておくと理解がスムーズな指定についてはCSS中級編として動画をアップしています。
こちらをマスターするとある程度、flexboxを使えるようになります。
⇒ CSS講座中級編一覧

しかし、Flexboxを実務で使っていると教科書通りにはいかず、上手く表示されないことも多くあります。

今回はそんな動画講座では伝えきれなった「上手くいかない・崩れるケース」を中心に一緒に学習しました。

↓よろしければ、こちらもご利用ください↓


フリーランス Webデザイナー向け 個別相談
Webクリエイターズスクール 学長 フクモトトモコ

【Webクリエイターズスクール】
学長 福本 智子

Webもデザインも未経験からいきなりフリーランス歴16年。
『仕事は自分で創りだす』をモットーに生きてきた50代。
WordPress・Webマーケティングが得意。

独学・Webスクールを卒業したのに仕事に繋げられない学習迷子さん、在宅・フリーランス希望の人を対象に「マーケティング理論に基づいた、じぶん事業計画」をお伝えしてサポートしています。

関連記事

じぶんの売り方に集中できる。おひとりさま専用Webデザインスクール

受講者の声

「作る」にプラス
「売る」スキルを

組織に依存しない自由な働き方を
手に入れるためのオンラインスクール・
オンラインサロン
です。

巷のWebデザインスクールでは学べない、
ビジネス、マーケティング思考を配信中。