




















这是一个创建于 1965 天前的主题,其中的信息可能已经有所发展或是发生改变。
.parent{
width: 90vw;
max-width: 1280px;
display: grid;
grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
gap: 1em;
}
.item {
}
请问有没有什么好的解法?
附加题:渐变 border (圆角、内部镂空、宽高自适应)有没有什么好的实践方式?
1 old9 2021 年 1 月 26 日grid-template-columns: repeat(auto-fill, minmax(min(calc(45vw - .5em),300px), 1fr)); 后面的问题 border-image 可以实现,现在浏览器支持已经比较好了 |
2 JCZ2MkKb5S8ZX9pq 2021 年 1 月 26 日@old9 |
3 JCZ2MkKb5S8ZX9pq 2021 年 1 月 26 日@old9 我希望这个页面图片铺满,隐藏其它信息。 /* 页面外框 */ 套了上述 css 之后大致实现需求。 父容器它是 flex row wrap,尝试 margin:-1px 无果。 |
4 mascteen 2021 年 1 月 26 日linear-gradient |
5 old9 2021 年 1 月 26 日我看他好像是写了 flex 没用(?)而是用绝对定位+transform 硬算出来的网格布局,你可以改成 flex 或者 grid 试试。 |
7 JCZ2MkKb5S8ZX9pq 2021 年 1 月 26 日@old9 |
11 JCZ2MkKb5S8ZX9pq 2021 年 1 月 26 日@old9 |
13 JCZ2MkKb5S8ZX9pq 2021 年 1 月 27 日@old9 试了下,less 直接丢掉了部分内容。 不论是插件导出 css,还是页面直接用脚本读 less 都是一样结果。 请问有什么建议嘛。是放弃 less 整体改用一个别的啥,还是再写一个 css 打个补丁上去呢。或者有什么其他建议嘛,请指教。 |
17 JCZ2MkKb5S8ZX9pq 2021 年 1 月 28 日@old9 |
18 old9 2021 年 1 月 29 日可以 css 里面用 inline svg,基本可以调 |
此内容由惯性聚合(RSS阅读器)自动聚合整理,仅供阅读参考。 原文来自 — 版权归原作者所有。