Html 使用CSS网格布局在仪表板主页中实现多个组件

我不熟悉CSS网格布局

---

我在尝试使用css网格实现以下目标时遇到的问题

无法实现响应性设计。（不同的屏幕大小比例对响应性影响不大。例如4:3或16:9）

众所周知，在Internet Explorer中测试应用程序时，大多数事情都不顺利（这里我谈论的是IE11） （编辑：排除，直到IE支持CSS网格布局）

它是一个web工具仪表板，在全屏视图中使用时，滚动条在任何情况下都不应出现

限制使用第三方插件或多边形填充。（由于商业用途）

限制在css属性中使用负值

---

（编辑：我知道可以使用媒体查询和其他CSS布局属性来实现。在这里，我试图用最少和更干净的代码来实现这一点）。谢谢

当您使用相对单位时，它将根据您的屏幕大小调整大小。对于不同的布局，您仍然需要

这通常不是问题，因为无论如何，你应该使用移动优先的方法和移动网站

这里的网格布局没有什么特别之处。（如果有什么不同的话，它会使它更容易：媒体查询+绝对单位=魔法）使用媒体查询或

溢出：隐藏

限制使用第三方插件或多边形填充。嗯，没有？我不明白你的意思

限制在css属性中使用负值。再说一次，不，你一般不会？这里有什么问题

---

对你不能只是回答不。CSS网格将无法解决它甚至不影响的问题。如果您想要响应式设计，则需要相对单位和媒体查询。（如果正确的话，这是一个干净的方法）CSS网格是一个布局工具，所以你为什么认为它应该解决其他问题。这就像要求HTML将两个数字相加一样。哦，我错了，我在YouTube上看了很多mis引导的教程，这些教程解释为CSS网格布局是响应性设计的一个多功能解决方案。ThanksI很难实现图像中显示的布局（在问题中提到）。我一直在寻找更好的方法，我提出这个问题，假设CSS网格布局可以帮助我实现它。它可以，但你不能完全用CSS网格实现你提到的所有事情。你可以做出这样的布局，但仍然可以使用“旧”技术解决其他问题。（例如，在flexbox旁边使用css网格，而不是代替好的。这么多的反对票，让我的问题变得愚蠢。所有Web客户端的Web规范实现都搞砸了。所以css Unicorn（完美）布局不存在。