grid布局在实际项目中的使用

Question

现在什么样的项目可以使用grid来做布局呢，老师能做个大概的举例吗？有时候实际项目开发中想使用又不敢用

Answer 1

西门老舅 2022-06-13 22:54:53

你好，实际项目中是可以使用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/

https://sugar.aipage.com/dashboard/a144ede2855fc5029eb4063ac2382e96/

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