スマホ対応：
ディスプレイモードを初期化
レスポンシブデザインにおいて、デバイス(ディスプレイモード)の分岐に使用。
HTMLで指定したスマホ[縦位置]の最大ブラウザ幅で初期化する。
その後、ディスプレイモードを文字列で取得するには $getDisplayMode() を使用する。
Number
●必須引数 ●オプション引数(省略可能)
記述例
$initDisplayMode(574)
動作サンプル
最大ブラウザ幅を574pxに初期化してから、現在のブラウザ幅を判定して出力する。
Javascript :
$initDisplayMode(574);
function sample1() {
var dispMode=$getDisplayMode();
if(dispMode=='sp') {
return 'このデバイスはスマホです。';
} else if(dispMode=='pc') {
return 'このデバイスはパソコンです。';
}
}
※上記のサンプルコードは主にPC表示用を想定している。スマホ用のコーディングでは別途調整が必要となる可能性がある。
※この関数の動作サンプルとして必須ではない装飾的なCSSコードなどは省略して提示している。
※この関数の動作サンプルとして必須ではない装飾的なCSSコードなどは省略して提示している。
※デフォルトの最大幅は574pxとしているので、この場合は初期化処理自体を省略可能。