JavascriptでWindow幅に応じて、要素のサイズを等倍したい

Question

前提・実現したいこと

初めて利用します。
Javascript初心者です。よろしくお願いします。

Javascriptを使用して、以下のようなことをしたいと思っています。

Window幅に応じて、要素のサイズを指定するのですが、
Window幅の最小サイズ：375px　に対して、要素の幅：8％
Window幅の最大サイズ：490px に対して、要素の幅：40％

取得したWindows幅に応じて、0.28%ずつの補正をかけてとか考えてみたのですが、
一定の数値で等倍するなど、
また、リサイズ処理はわかるのですが、拡大している時と、縮小している時で、
補正分を足したり、引いたりしないといけないため、
どうにも的確な数値を取得する方法、プログラムが思いつきませんでした。

どうか助言をいただければと思います。

Comments

[think49]

「Window幅の最小サイズ」から「要素の幅」を確定させる計算式を明らかにしてください

[退会済みユーザー]

何を言っているのか要件がよくわかりません、図でも入れると回答がつくかも。