【サンプルデモ】スマホ・タブレット・PCを振り分ける

クッキーでPCとタブレットとスマホを振り分けるJSのサンプルです。ユーザーエージェントでPC用とスマホ用のCSSを振り分けます。ブラウザを閉じてもクッキーでCSSを記憶します。階層が変わってもCSSを引き継ぎます(style.jsの中に記述してあるCSSのパスは絶対パスにしてください。)。

第2階層へ


PC用のCSSです。
この要素の背景色は青です。

タブレット用のCSSです。
この要素の背景色は緑です。

スマホ用のCSSです。
この要素の背景色は赤です。

前のページにもどる