Css 如果将1fr与minmax()一起使用,如何防止栅格图像变得过大
此CSS几乎完成了所需的功能:Css 如果将1fr与minmax()一起使用,如何防止栅格图像变得过大,css,css-grid,minmax,Css,Css Grid,Minmax,此CSS几乎完成了所需的功能: 始终将容器装满100%,以便看不到余量 调整图像大小以填充容器,而无需媒体查询或计算 但某些屏幕尺寸会产生比预期更大的图像 .grid-container { display: grid; grid-template-columns: repeat(auto-fill, minmax(200px, 1fr)); grid-gap: 6px; } 除了图像变得太大外,1fr表现出色。 如果我使用minmax(200px,300px),那
- 始终将容器装满100%,以便看不到余量
- 调整图像大小以填充容器,而无需媒体查询或计算
.grid-container {
display: grid;
grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
grid-gap: 6px;
}
除了图像变得太大外,1fr表现出色。
如果我使用minmax(200px,300px),那么大多数情况下,利润会变得太大
有没有一种方法既能获得1fr的好处,又能获得最大宽度?
因此,缩小图像大小是可以的,但增加图像大小是不行的。Max with可用于网格单元元素本身或img(可能在您的情况下)。您可以添加代码以查看此内容吗?您好,A.Meshu,正在寻找零边距,在移动屏幕上一行有3个图像,Max with可用于网格单元元素本身或img(可能在您的情况下)。您是否可以添加代码以查看此内容?您好,A.Meshu,正在寻找零边距,在移动屏幕上一行显示3个图像,