ウィンドウサイズによってCSSファイルを切り替える

メモ
参考:ウィンドウサイズによってCSSファイルを切り替えることが出来るJavaScript「Adapt.js」 | BlackFlag

Adapt.jsを読み込んで下記のスクリプトを実行。

// Edit to suit your needs.
var ADAPT_CONFIG = {
	// Where is your CSS?
	path: 'assets/css/',

	// false = Only run once, when page first loads.
	// true = Change on window resize and page tilt.
	dynamic: true,

	// First range entry is the minimum.
	// Last range entry is the maximum.
	// Should have at least one "to" range.
	range: [
		'760px            = mobile.css',
		'760px  to 980px  = 720.css',
		'980px  to 1280px = 960.css',
		'1280px to 1600px = 1200.css',
		'1600px to 1920px = 1560.css',
		'1920px           = fluid.css'
	]
};