可变宽度但移动灵活的CSS网格布局

Question

我正在尝试使用CSS Grid来构建响应行。我了解使用auto-fill可以使我的响应式布局“免费”，而且我已经实现了很多：

桌面布局：

移动版式：

这很容易通过

实现

grid-template-columns: repeat(auto-fill, minmax(305px, 1fr));

（图像宽305像素）。

我真正想要的是包含图像的左列，其宽度只能达到所需的宽度，而不是（我假设）其当前值1fr。

我尝试过：

grid-template-columns: repeat(auto-fill, minmax(min-content, 1fr));

不起作用。

这可能吗？如果可以，怎么办？