postcss-px-to-viewport icon indicating copy to clipboard operation
postcss-px-to-viewport copied to clipboard

在js中动态设置样式无效

Open w745784780 opened this issue 4 years ago • 4 comments

在js中动态设置样式无效,行内标签中设置样式无效

w745784780 avatar Jul 08 '21 05:07 w745784780

@w745784780 动态设置的无效,要自己算。1vw = 3.75px,自己算一下自己要多少px,换算成vw。

ace0109 avatar Jul 08 '21 07:07 ace0109

@w745784780动态设置的无效,要自己算。1vw = 3.75px,自己算一下自己要多少px,换算成vw。

意思是根据屏幕大小来计算元素宽高

w745784780 avatar Jul 08 '21 07:07 w745784780

是这么个意思, 你js里面动态设置的css单位还是 px 这不是响应式的, 你期望是 js 设置 10px --》 转换成对应的 vw 是需要你自己拿到对应比例, 得出 1px --> 转成多少vw 才可以

vw是 屏幕宽度的 1% 这种情况,你只能自己算

LuoRiWuSheng avatar Jan 28 '23 07:01 LuoRiWuSheng

有没有办法可以把react的行内样式抽离到单独的css文件?

vaynevayne avatar Apr 25 '23 12:04 vaynevayne