Flexboxを使ã£ãŸ2カラム・3カラム・マルãƒãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆã®åŸºæœ¬ã¨å¿œç”¨
2015å¹´8月17æ—¥ CSS 以å‰ã€Œã“ã‚Œã‹ã‚‰ã®CSSレイアウトã¯Flexboxã§æ±ºã¾ã‚Šï¼ã€ã¨ã„ã†è¨˜äº‹ã§ç´¹ä»‹ã—ãŸã€CSSã§ã®ãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆçµ„ã¿ã«å¤§æ´»èºã§ãã‚‹Flexbox。å‰å›žã¯åŸºæœ¬çš„ãªä½¿ã„æ–¹ã®ç´¹ä»‹ã‚’ã—ãŸã®ã§ã€ä»Šå›žã¯ã‚ˆã‚Šå®Ÿè·µçš„ã«ä½¿ãˆã‚‹å®Ÿä¾‹ã‚’紹介ã—ãŸã„ã¨æ€ã„ã¾ã™ï¼ ↑ç§ãŒ10年以上利用ã—ã¦ã„ã‚‹ä¼šè¨ˆã‚½ãƒ•ãƒˆï¼ Flexbox対応ブラウザー å‰è¿°ã®è¨˜äº‹ã®é€šã‚Šã€ç¾è¡Œã®ãƒ¢ãƒ€ãƒ³ãƒ–ラウザーã§ã¯å•é¡Œãªã利用ã§ãã¾ã™ã€‚ãŸã ã—ã€Safari用㫠-webkit- ã®ãƒ™ãƒ³ãƒ€ãƒ¼ãƒ—レフィックスãŒå¿…è¦ã§ã™ã€‚IEã«ã¤ã„ã¦ã¯11ã‹ã‚‰æ£å¼ã«å¯¾å¿œã€‚ ãã—ã¦ãŠãªã˜ã¿ã®æ—¥æœ¬ã§ã®ãƒ–ãƒ©ã‚¦ã‚¶ãƒ¼ã‚·ã‚§ã‚¢æƒ…å ±ã€‚2015å¹´7月ã§ã¯IE11ãŒ32.86%ã§ãƒˆãƒƒãƒ—ã§ã™ã€‚Flexboxã«å¯¾å¿œã—ã¦ã„ãªã„IE9ã¯3.17%。制作ã™ã‚‹ã‚µã‚¤ãƒˆã«å¿œã˜ã¦Flexboxã‚’å–り入れるã‹æ¤œè¨Žã—ã¾ã—ょã†ã€‚ 一番基本的ãªWebサイトã®ãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆã§ã‚ã‚‹ã€2カラム。ã¾ãšã¯ã“ã®ãƒ¬ã‚¤ã‚¢
1
ランã‚ング
ランã‚ング
ランã‚ング
リリースã€éšœå®³æƒ…å ±ãªã©ã®ã‚µãƒ¼ãƒ“スã®ãŠçŸ¥ã‚‰ã›
最新ã®äººæ°—エントリーã®é…ä¿¡
j次ã®ãƒ–ックマーク
kå‰ã®ãƒ–ックマーク
lã‚ã¨ã§èªã‚€
eコメント一覧を開ã
oページを開ã
http://geechs-magazine.com/tag/lifehack/20161115_1
{{#tags}}- {{label}}
{{/tags}}