CSS Flex布局不说,简单说说流式 Grid 布局

烟雨朦胧、人去楼空 1     1841      前端   1     0
css的流式 Grid 布局,拥抱响应式移动端自适应布局
流式 Grid 布局

要确保你的 Grid 布局总是响应式的以及它的元素都有一个最小宽度,我们可以使用 minmax 函数和新的 fr 单位。设计这个单位就是为了帮助我们方便创建灵活的网格。1fr 就等于网格系统里可用的一个单位空间。它会把单元之间的距离包含在网格内,因此它会帮我们计算出每个元素自身合理的宽度。

 如果你希望在小型的设备上改变布局,你依然可以使用媒体查询。 

grid还有更多css的属性设置,这里就不说了,感兴趣的百度去看看吧!

单行、唯一  
1楼
继续加油
captcha
忘记密码? 注册
第三方登录
微信赞赏
支付宝赞赏