调整窗口大小时CSS Grid行的大小

Question

我已经开发了一个简单的响应站点，专门用于执行此操作。

可以在此处访问该网站：https://evilernie44.github.io/tofugall/

我遇到的问题似乎与减小窗口宽度时css网格行的大小自动增加有关。因此，尽管该网站在移动设备和台式机上看起来不错，但在平板电脑上看起来却很糟糕。

有人能建议一种解决此问题的好方法，或者至少是一种避免将来发生这种行为的方法吗？

我希望这足够具体，因为我不确定从哪里开始。

Answer 1

网站看起来不错，但是请尝试正确实现css，因为在调整窗口大小时，css属性会按定义进行更改，例如margin：10％在移动设备，标签页和pc屏幕上会有所不同。

如果使用引导程序，请尝试明智地使用row和col类。