デスクトップなどのクロスデバイス用のコンテンツを作成できる超軽量スクリプトを紹介します。Javascript[ad#ad-2]syzeのデモsyzeの使い方syzeのデモデモはいくつか用意されていますが、最もベーシックなものを紹介します。1を例に実装方法を紹介します。外部ファイル当スクリプトを外部ファイルとして指定します。src="syze.min.js"></script>JavaScriptdemo1では表示サイズの数値を元に、class名にもその数値を利用します。1920);class名.is320(0-479px).is480(480-767px).is768(768-1023px).is1024(1024px-1079px).is1920(1920+px)CSS設定が完了したら、あとはサイズごとにスタイルシートを設定します。}class名は数値以外も可class名の設定は「.is320」のような数値だけでなく、よりフレンドリーな名前を使うこともできます。フレンドリーな名前を使ったデモサイズを設定し、それに対応する名前を設定します。});class名.MobileTall(0-479px).MobileWide(480-767px).TabletTall(768-1023px).TabletWide(1024-1079px).HdSizeWide(1920+px)5つもいらない、もっとシンプルに、という人には、下記のような設定も可能です。