时间戳

首页 > 解决方案 > 转换框：内容框、边框框和笔划框“无效的属性值”Chrome 开发工具

css - 转换框：内容框、边框框和笔划框“无效的属性值”Chrome 开发工具

问题描述

MDN Web Docs声明以下都是有效的属性：

transform-box: content-box;
transform-box: border-box;
transform-box: fill-box;
transform-box: stroke-box;
transform-box: view-box;

它还指出，所有当前（2021 年 11 月）浏览器都具有完全支持，当然 IE11 除外。Caniuse.com 确认此浏览器支持transform-box.

但是，当我尝试使用transform-box: content-box;,transform-box: border-box;或transform-box: stroke-box;时，Chrome 开发工具将这些报告为“无效的属性值”：

Chrome 开发工具显示

我错过了什么吗？

标签： csssvggoogle-chrome-devtoolscss-transforms

解决方案

推荐阅读