Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/html/90.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Jquery 基于视口宽度的线条高度CSS计算_Jquery_Html_Css - Fatal编程技术网

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是的,我也算出了;-)