css - CSS Windows 8 Metro 风格应用程序中的 fr 单位是什么意思？

Question

在 Windows 8 Metro 风格应用程序中查看以下 CSS，“fr”是什么？

-ms-grid-columns: 638px 1fr;

Answer 1

关于您的确切问题，对于这个特定示例，我们假设列的总可用宽度为 1200 像素。由于第一列的宽度是固定的，它将占用 638px，剩余的空间 (562px) 将是空闲的。因此，在这种情况下，

1fr = 562px

现在让我们假设您的样式如下:-

-ms-grid-columns: 638px 1fr 2fr;

那么在这种情况下，剩余的562px的空闲空间将被分成三部分，第二列将获得1/3的空间，第三列将获得2/3的空间。