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

ホームブログ勉強会レポートFlexboxのIE11対策・表示が崩れるケースの対処法（2020.08.29）

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

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

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


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

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

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

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

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

Webクリエイターズスクール　学長　フクモトトモコ

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

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

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

関連記事

じぶんの売り方に集中できる。おひとりさま専用Webデザインスクール
フリーランスwebデザイナー個別相談

最近の投稿

カテゴリー

受講者の声