热门

最新

红包

立Flag

投票

同城

我的

发布
sy979
四月迩安
1 年前
truesy979

就是html5中,常用到display:flex。
这是一个方向,还有一个方向是grid。
【举个例子】目前是媒体查询写的
@media screen and (max-width: 856px) { ……}
@media screen and (max-width: 1300px) and (min-width: 856px) { ……}
@media screen and (min-width: 1300px) { ……}
// 但是用grid的话就可以
// 最小宽度260,放不下两个260,就放一个。
//能放下4.5个,则是4个一行,box宽度自由增加,能放下5个,则是5个一行
grid-template-columns: repeat(auto-fill, minmax(260px ,1fr));
gap: 30px; //间距

CSDN App 扫码分享
分享
评论
点赞
打赏
  • 复制链接
  • 举报
下一条:
怎么去解决
立即登录