CSS转换不适用于百分比高度？

CSS转换不适用于百分比高度的原因是，CSS转换属性（如transform）是基于元素的原始尺寸进行操作的，而不是基于元素在文档流中的实际尺寸。因此，当使用百分比高度时，元素的实际尺寸是相对于其父元素的高度来计算的，而不是元素自身的原始尺寸。

举个例子来说，假设一个父元素的高度为200px，子元素的高度设置为50%。如果在子元素上应用CSS转换属性，比如transform: scale(2)，那么子元素的高度将仍然是50%父元素的高度，即100px，并不会根据转换进行相应的调整。

这是因为CSS转换属性只会改变元素的视觉表现，而不会改变元素的布局属性。因此，如果需要在百分比高度的元素上应用转换效果，可以考虑使用其他方法，如通过JavaScript计算并设置元素的具体高度，或者使用CSS动画来实现类似的效果。

腾讯云相关产品和产品介绍链接地址：

• 腾讯云云服务器（CVM）：提供弹性计算能力，满足各种业务需求。详情请参考：https://cloud.tencent.com/product/cvm
• 腾讯云云数据库 MySQL 版：提供高性能、可扩展的关系型数据库服务。详情请参考：https://cloud.tencent.com/product/cdb_mysql
• 腾讯云对象存储（COS）：提供安全、稳定、低成本的云端存储服务。详情请参考：https://cloud.tencent.com/product/cos