我有点复杂的问题。我需要在CSS中将line-height单位与vh和px之间的差异设为calc。我的想法是通过此代码设置它
line-height: calc(100vh - 100px);
听起来很简单但不起作用。为什么使用这些单位的计算不起作用在CSS Calc Viewport Units Workaround?中描述，其中通过黑客边距和填充来解决height属性，但它不能用于行高属性。
我发现问题已在Chrome，IE和Edge中解决，但我也需要在Firefox上执行此操作。在Firefox中，它显示在开发人员工具中
无效的属性值。
有什么想法吗？ （JavaScript不适合我）
答案 0 :(得分：0)
它适用于此（在Firefox中）：
http://codepen.io/anon/pen/QGqMvK
没有关于无效属性值的警告，我可以更改vh内的px和calc值，并相应地看到结果更改。
至少MacOS 10.12.1上的Firefox 50.0中的内容