使用 CSS lvh 单位时，WebStorm/PhpStorm 给出“属性值不匹配”错误

Question

使用“新”CSS 单元会导致“属性值不匹配”错误

我刚刚开始使用这些更现代的CSS单元，

lvh

，

svh

等。但由于某种原因PhpStorm给了我这个错误。由于它是一个有效的单位，我希望它能够开箱即用。另外，这看起来不像是 lint 错误，通常有一些选项可以抑制它是否是 lint 错误。

这是我遇到此问题的第二个项目。有谁知道我是否可以更改设置或某些内容，以便 IDE 接受这些现代单位。

谢谢，请参阅我的错误图片。

Answer 1

您必须使用一年甚至更旧的版本...因为根据WEB-55824票证，这些

lvh

和其他单位从2022.3版本开始受支持（2个主要版本之前，于2022年12月发布） .

我刚刚在 PhpStorm 2023.1.4 的普通

.css

 文件中检查了您的代码示例，并且 

height: 100lvh;

 对我来说显示得很好（在 

@supports

 内并作为实际属性值）。

请升级您的IDE。最新版本是2023.2。