スマホ対応:

px値をvw値に変換

$initNumToVW() で初期化したデバイス幅を基準として、px値をvw値に変換して取得する。

Number
px値を数値で渡す
Value
単位付きで返す場合に指定 引数の数をチェックするので、渡す値はなんでもよい
●必須引数 ●オプション引数(省略可能)

記述例

$numToVW(150)
$numToVW(80, true)
$numToVW(80, 1)

戻り値

○引数が1個の場合

・算出結果を数値で返す。

○引数が2個の場合

・算出結果を単位付きの文字列で返す。

動作サンプル

基準デバイス幅を375pxに設定してから、指定したpx値をvw値に変換して出力する。

Javascript : $initNumToVW(375); var num1=$numToVW(375); var num2=$numToVW(100,true);
※上記のサンプルコードは主にPC表示用を想定している。スマホ用のコーディングでは別途調整が必要となる可能性がある。
※この関数の動作サンプルとして必須ではない装飾的なCSSコードなどは省略して提示している。