Chrome 中的百分比行轨道和排水沟警告

Posted 2023-02-22

【中文标题】Chrome 中的百分比行轨道和排水沟警告

【英文标题】：Percentages row tracks and gutters warning in Chrome

【发布时间】：2019-08-08 03:05:31

【问题描述】：

我的 CSS 中有一行声明：grid-template-rows: 20% 80%;

当我在 chrome 中运行应用程序时，我会在控制台中收到折旧警告。不在 Safari 或 Firefox 中。

“[弃用] 不定高度网格容器的百分比行轨道和装订线将根据固有高度解决，而不是分别被视为自动和零。此更改将在 2018 年 10 月左右发生在 M70 中。请参阅 https://www.chromestatus.com/feature/6708326821789696 了解更多细节。 weather.html:1 未检查的 runtime.lastError：消息端口在收到响应之前关闭。”

我认为我可以忽略这一点，还是需要在我的 CSS 中添加或更改某些内容？

【参考方案1】：

在您的.css 文件中，找到grid-template-columns 和grid-template-rows 的所有实例，并将%数量替换为auto、固定距离或1fr。一旦你这样做了，浏览器控制台警告就会消失。