css - Chrome 中的百分比行轨道和装订线警告

Question

我的 CSS 中有一行指出:grid-template-rows: 20% 80%;

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

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

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

Answer 1

在您的 .css 文件中，找到 grid-template-columns 和 grid-template-rows 的所有实例，并将 % 金额替换为auto、固定距离或1fr。一旦执行此操作，浏览器控制台警告就会消失。