百分比 | <percentage> (Values & Units) - CSS 中文开发手册 - Break易站
2021-01-27 11:13
百分比 |
注意：只有计算值可以被继承。因此，即使在父属性上使用的是百分比值，但在继承的属性上访问到的却是实际值（如以像素为单位的
语法
percentage由一个
线性插值
在animation中，百分比作为实浮点数被插入。插值速度由与动画相关的timing函数决定。
实例
宽度和左边距
Width: 50%, Left margin: 20%Width: 30%, Left margin: 60%
上面的HTML将输出：
字号
Full size text (18px)
50%
200%
上面的HTML将输出：
规范
| Specification | Status | Comment |
|---|---|---|
| CSS Values and Units Module Level 3The definition of ‘ | Candidate Recommendation | No significant change from CSS Level 2 (Revision 1). |
| CSS Level 2 (Revision 1)The definition of ‘ | Recommendation | No change from CSS Level 1. |
| CSS Level 1The definition of ‘ | Recommendation | Initial definition. |
浏览器兼容性
| Feature | Chrome | Firefox (Gecko) | Internet Explorer | Opera | Safari (WebKit) |
|---|---|---|---|---|---|
| Basic support | 1.0 | 1.0 (1.7 or earlier) | (Yes) | (Yes) | 1.0 (85) |
| Feature | Android | Firefox Mobile (Gecko) | IE Phone | Opera Mobile | Safari Mobile |
|---|---|---|---|---|---|
| Basic support | (Yes) | (Yes) | (Yes) | (Yes) | (Yes) |
上一篇：滚动界限终点 | scroll-snap-destination (Scroll Snap) - CSS 中文开发手册 - Break易站
下一篇：盒装饰中断 | box-decoration-break (Fragmentation) - CSS 中文开发手册 - Break易站
文章标题：百分比 | <percentage> (Values & Units) - CSS 中文开发手册 - Break易站
文章链接：http://soscw.com/index.php/essay/47720.html