Flexboxを使ã„ã“ãªã—ã¦æŸ”軟éŽãŽã‚‹CSSレイアウトを実ç¾ã—よã†ã€‚毎æœã‚¢ã‚¯ã‚»ã‚¹è§£æžã‚’見ã¦ã„ã‚‹ã¨ã€IE8 以å‰ã®ãƒãƒ¼ã‚¸ãƒ§ãƒ³ã‹ã‚‰ã®æµå…¥ãŒæ¿€æ¸›ã—ã¦ãŠã‚Šã€å–œã³ã‚’éš ã›ãªã„日々をéŽã”ã—ã¦ã„ã¾ã™ã€‚ 実際ã€ã‚¯ãƒ©ã‚¤ã‚¢ãƒ³ãƒˆå…ˆã®å¦ç¿’塾㮠4 月ã‹ã‚‰ 7 月㮠IE ã ã‘ã®å¹³å‡ã‚’見るã¨ã€IE9 ㌠10%ã€IE11 ㌠75%ã€æ®‹ã‚ŠãŒ IE7ã€8ã€10 ã¨ã„ã†å‰²åˆã§ã™ã€‚ãã—ã¦ã€IEã§ã®æµå…¥æ•°ãŒæ¸›ã£ãŸåˆ†ã€ãƒ¢ãƒã‚¤ãƒ«ã‹ã‚‰ã®æµå…¥ãŒå¢—ãˆç¶šã‘ã¦ãŠã‚Šã€ãƒ¢ãƒã‚¤ãƒ«çŽ‡ãŒ 7 割近ãã¾ã§ä¸ŠãŒã‚Šã¾ã—ãŸã€‚ å¤ã„ブラウザã®å‰²åˆãŒæ¸›ã‚‹ã“ã¨ã¯ã€Web制作者ã«ã¨ã£ã¦ã¯å¬‰ã—ã„ã“ã¨ã§ã€å¯¾å¿œã™ã‚‹æ™‚é–“ãŒå¤§å¹…ã«æ¸›ã‚Šã¾ã™ã€‚ãã—ã¦ã€å¯¾å¿œãƒ–ラウザã®ãƒãƒ¼ã‚¸ãƒ§ãƒ³ãŒä¸ŠãŒã‚‹ã¨ã€Flexbox ã ã£ã¦ä½¿ãˆã‚‹ã‚ˆã†ã«ãªã‚Šã¾ã™ã€‚(â†å‰ç½®ãé•·ã„) FlexboxãŒCSSレイアウトを楽ã«ã™ã‚‹ã“ã®ã‚µã‚¤ãƒˆã¯ã€IE9 以下ã‹ã‚‰ã®æµå…¥ãŒ 3% 未満ãªã®ã§ã€å®Œå…¨ã«ç„¡è¦–ã—㦠CSS レイアウト㯠Flexbox を使ã£ã¦ã„ã¾ã™ã€‚Flexbox 㯠CSS3
CSS3ã®Flexboxã§ã‚°ãƒªãƒƒãƒ‰ãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆã—ã¦ã¿ã‚‹
「出会ãˆãŸã“ã¨ã«æ„Ÿè¬ã—ãŸã„CSSベスト3ã€ã¾ã¨ã‚
{{#tags}}- {{label}}
{{/tags}}