grid布局可以用在实际项目中吗

Question

老师，现在grid布局可以用在实际项目中了吗？兼容性会不会有问题？有实际的项目应用grid布局了嘛？

Answer 1

西门老舅 2021-08-12 11:04:32

你好，grid在高级浏览器下支持的非常好，主要兼容性问题来自IE11及以下的版本，只有部分功能是支持的，需要添加浏览器前缀-ms-，具体可参考：https://rachelandrew.co.uk/archives/2016/11/26/should-i-try-to-use-the-ie-implementation-of-css-grid-layout/

实际项目中是可以使用grid布局的，也有很多网站再用，介绍几个网站可打开控制台，查找grid标识：

https://antv.vision/zh

https://getbootstrap.com/docs/5.1/getting-started/introduction/

https://2020.stateofcss.com/zh-Hans/

https://css-tricks.com/