Jquery 基于视口宽度的线条高度CSS计算
在不同的网页排版方面,我遇到了这个问题。我现在想根据宽度设置Jquery 基于视口宽度的线条高度CSS计算,jquery,html,css,Jquery,Html,Css,在不同的网页排版方面,我遇到了这个问题。我现在想根据宽度设置行高。对于我的用例,width与viewport.width大致相同 因此,我的问题是如何基于视口宽度动态设置线高度?基本上,我的视口宽度最小为300px宽度,最大为850px。基本上,我想设置行高度如下: (current viewport.width)/300*(base-factor [=1.4]) 最好使用jquery来实现它吗?或者可以用CSS-calc()完成吗?以及如何识别大小调整(桌面或手机:纵向/横向)?calc(1
行高
。对于我的用例,width
与viewport.width
大致相同
因此,我的问题是如何基于视口宽度动态设置线高度
?基本上,我的视口宽度最小为300px
宽度,最大为850px
。基本上,我想设置行高度
如下:
(current viewport.width)/300*(base-factor [=1.4])
最好使用jquery来实现它吗?或者可以用CSS-calc()完成吗?以及如何识别大小调整(桌面或手机:纵向/横向)?
calc(100vw/(300*1.4))
?是的,这很有效。除了<代码>微小< /代码>细节,结果是在单元<代码> px<代码>,即我需要多个字体大小-我知道:-)你可以把字体大小看作是无单位的。所以如果你的字体大小是15px只需乘以15是的,我也算出了;-)<代码>计算(100vw/(300*1.4))?是的,这是有效的。除了<代码>微小< /代码>细节,结果是在单元<代码> px<代码>,即我需要多个字体大小-我知道:-)你可以把字体大小看作是无单位的。所以如果你的字体大小是15px只需乘以15是的,我也算出了;-)