Current Device - デバイス判定をスタイルシートに反映

Current Device - デバイス判定をスタイルシートに反映:

Webページにアクセスするデバイスが多様化している中、JavaScriptで各デバイスを判別して表示分けしているWebサイトも多いのではないでしょうか。こういった実装を都度行うのはとても面倒ですし、条件分岐も増えがちです。

そこで使いたいのがCurrent Deviceです。デバイスに応じてスタイルシートにクラスを追加してくれるライブラリです。

Current Deviceの使い方

macOSのデスクトップからアクセスした場合です。それぞれのデバイスに応じてハイライトが変わります。