AutoprefixerãŒé€²åŒ–ã—ã¦CSS Gridã®IE 11対応ãŒãƒãƒªæ¥½ã«ãªã£ãŸï¼ˆ2017年〜2018年） - QiitaCSS Gridã¯ä¾¿åˆ©ãªãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆæ‰‹æ³•ã§ã™ãŒã€IE 11ã«ã‚‚対応ã™ã‚‹å ´åˆã¯ãƒ™ãƒ³ãƒ€ãƒ¼ãƒ—レフィックスã®ä»˜ä¸Žã‚„å¤ã„記法ã¸ã®å¯¾å¿œãŒå¿…è¦ã§ã™ã€‚ベンダープレフィックスã®ä»˜ä¸Žã‚„å¤ã„記法ã¸ã®å¯¾å¿œã‚’自動ã§è¡Œã†ã®ãŒAutoprefixerãªã®ã§ã™ãŒã€2017å¹´ã‹ã‚‰2018å¹´ã«ã‹ã‘ã¦IE 11å‘ã‘ã®Grid対応ãŒå¤§ããå‘上ã—ãŸã“ã¨ã‚’ã”å˜çŸ¥ã§ã—ょã†ã‹ï¼Ÿ 最近ã®Autoprefixerを使ãˆã°ã€æ¬¡ã®ã‚ˆã†ãªãƒ¡ãƒªãƒƒãƒˆãŒã‚ã‚Šã¾ã™ã€‚ IE 11å‘ã‘ã«æ‰‹å‹•ã§æ›¸ã„ã¦ã„ãŸ-ms-grid-column-spanã€-ms-grid-row-spanを手動ã§æ›¸ã‹ãªãã¦ã‚ˆã„ IE 11ã§éžå¯¾å¿œã®grid-template-areasã€grid-areaを変æ›å¯èƒ½ gap（旧ågrid-gap）をIE 11å‘ã‘ã«æ›¸ã出ã—å¯èƒ½ repeat()ã‚’IE 11å‘ã‘ã®æ—§ä»•æ§˜ã§å‡ºåŠ›å¯èƒ½ â–² Autoprefixerã«ã‚ˆã‚‹CSS Gridã®IE 1
{{#tags}}- {{label}}
{{/tags}}