gpt4 book ai didi

css - 行高计算vh单位

转载 作者:行者123 更新时间:2023-12-02 04:42:37 26 4
gpt4 key购买 nike

我有点复杂的问题。我需要通过CSS中的line-height单位和vh的差异来设置px。我的想法是通过此代码进行设置

line-height: calc(100vh - 100px);

听起来很简单,但不起作用。在 CSS Calc Viewport Units Workaround?中描述了为什么用这些单位进行计算不起作用的方法,该方法通过hacking margin和padding来解决 calc属性,但不能用于line-height属性。

我看到该问题已在Chrome,IE和Edge中解决,但我也需要在Firefox上执行此操作。在Firefox中,它显示在开发人员工具中

无效的属性值。

任何的想法? (JavaScript不是我的解决方案)

最佳答案

它在这里工作(在Firefox中):

http://codepen.io/anon/pen/QGqMvK

没有关于无效属性值的警告,我可以在vh内部更改pxcalc值,并查看结果相应的变化。

至少在MacOS 10.12.1上的Firefox 50.0中

关于css - 行高计算vh单位,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/36251947/

26 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com