WebStorm/PhpStorm使用lvh、svh等新式CSS单位时触发"Mismatched property value"错误，如何配置解决？

嗨，我之前也碰到过这个问题！其实这是PhpStorm/WebStorm默认的CSS兼容性检查没跟上这些新视口单位的支持，调整一下IDE设置就能从根本解决，步骤很简单：

• 打开IDE的设置面板：Windows/Linux按Ctrl+Alt+S，Mac按Cmd+,
• 找到Languages & Frameworks > Stylesheets > CSS选项
• 在右侧的Compatibility区域，把默认的旧浏览器版本（比如IE 11）改成Latest——这个选项会自动适配所有最新的CSS特性，包括lvh、svh这些新单位
• 如果不想全局设为Latest，也可以选一个明确支持这些单位的浏览器版本（比如Chrome 105+、Firefox 101+，这些版本开始原生支持lvh/svh）

要是上面的设置改完还是有问题，还有个临时应急办法：右键报错的代码行，选择Inspect Code，找到对应的"Mismatched property value"检查项，点击Suppress，然后选择屏蔽单行还是整个文件的这个报错——不过这只是临时 workaround，优先调整兼容性设置更靠谱。

备注：内容来源于stack exchange，提问作者Joe Lloyd