Warning: file_get_contents(/data/phpspider/zhask/data//catemap/7/css/32.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Css 如果将1fr与minmax()一起使用,如何防止栅格图像变得过大_Css_Css Grid_Minmax - Fatal编程技术网

Css 如果将1fr与minmax()一起使用,如何防止栅格图像变得过大

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),那

此CSS几乎完成了所需的功能:

  • 始终将容器装满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个图像,