我无法将多个图像调整为不同的尺寸

Question

我一个月前开始工作，但我无法理解 CSS 上的网格系统。 我可以在我的 html 上创建一些类，以便稍后在我的 CSS 上进行编辑，但它似乎不起作用。我想添加一些图片，以便它们覆盖页面的整个部分，而另一些看起来很小（我正在销售的产品的图片）。

关于在哪里有效地学习这个有什么建议吗？

Answer 1

我发现这个参考在尝试实现网格时非常有用。 https://grid.malven.co/

在网格上布置一些图像时，它有助于我记住我可以在网格框内使用不同定位技术的组合。我还发现开发人员的this class on css 非常详细且很有帮助。

Answer 2

我发现这个网站提供了几个使用网格的示例：https://css-tricks.com/snippets/css/complete-guide-grid/

“grid-template-areas”部分似乎通过引用由 grid-area 属性指定的网格区域的名称来提供您想要的解决方案。语法本身提供了网格结构的可视化。