fr

说明:

剩余空间分配数
  • fr单位被用于在一系列长度值中分配剩余空间,如果多个已指定了多个部分,则剩下的空间根据各自的数字按比例分配。

兼容性:

  • 浅绿 = 支持
  • 红色 = 不支持
  • 粉色 = 部分支持
IE Firefox Chrome Safari Opera iOS Safari Android Browser Android Chrome
6.0-11.0 2.0-38.0 4.0-43.0 3.1-8.1 15.0-28.0 3.2-8.1 2.1-4.4.4 18.0-40.0

示例:

border-parts: 10px 1fr 10px; border-parts: 10px 1fr 10px 1fr 10px; border-parts: 10px 2fr 10px 2fr 10px;