スマホ対応:

px・vw相互変換のための初期化

基本的にはスマホ用のコーディングで使用する。
$numToVW()$numToPX() で、px値・px_vw値・vw値を相互変換する際に参照する基準となるデバイス幅を設定する。

Number
基準とするdevice-widthを渡して初期化
※デフォルトのデバイス幅は375pxとしているので、この場合は初期化処理自体を省略可能。
●必須引数 ●オプション引数(省略可能)

記述例

$initNumToVW(390)

動作サンプル

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

Javascript : $initNumToVW(375); var num1=$numToVW(375,true); var num2=$numToVW(100,true);

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

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