Warning: file_get_contents(/data/phpspider/zhask/data//catemap/7/css/36.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 如何使一个轴网柱按比例比另一个轴网柱大?_Css_Css Grid - Fatal编程技术网

Css 如何使一个轴网柱按比例比另一个轴网柱大?

Css 如何使一个轴网柱按比例比另一个轴网柱大?,css,css-grid,Css,Css Grid,我需要按比例制作两列,以便第二列比第一列大4倍 我该怎么做 main{ 显示:网格; 网格模板列:??? 栅隙:10px; 网格自动行:最小最大值(50pc,自动); } 您需要使用fr装置,如下所示: main{ 显示:网格; 网格模板列:1fr 4fr 栅隙:10px; 网格自动行:最小最大值(50pc,自动); } 这将使两列占据所有可用空间,第二列占据的空间是第一列的四倍

我需要按比例制作两列,以便第二列比第一列大4倍

我该怎么做

main{
显示:网格;
网格模板列:???
栅隙:10px;
网格自动行:最小最大值(50pc,自动);
}

您需要使用
fr
装置,如下所示:

main{
显示:网格;
网格模板列:1fr 4fr
栅隙:10px;
网格自动行:最小最大值(50pc,自动);
}
这将使两列占据所有可用空间,第二列占据的空间是第一列的四倍