ウィンドウサイズによってCSSファイルを切り替えることが出来るJavaScript「Adapt.js」｜BLACKFLAG最近ではWebサイトを構築する際、PC画面での表示のみならず、スマートフォンやタブレットPCなど 複数媒体でのサイト閲覧を意識した設計およびレイアウトを考慮しなくてはならなくなってきています。 閲覧するブラウザやOSなどで振り分けを行う方法もいろいろありますが、 サイトを閲覧した時のウィンドウサイズによって読み込むCSSを切り替えることが 出来るJavaScriptライブラリ「Adapt.js」が便利そうだったので紹介。 Adapt.js – Adaptive CSS ≫Adapt.js – Adaptive CSS 上記のスクリプト紹介ページ自体がデモ画面にもなっており、 表示後、ウィンドウサイズを変化させることでレイアウトが最適化されるようになっています。 「Adapt.js」と下記スクリプトで実装可能となっています。 ◆SCRIPT // Edit to suit your need
