[JS]柔軟なclassの設定が可能なResponsive Web Design用の超軽量(1KB)スクリプト -syze

demo 1：幅1920pxで表示 デスクトップ用の画像（hdsize-wide-512x512.png）を表示 syzeの使い方 上記のdemo 1を例に実装方法を紹介します。 外部ファイル 当スクリプトを外部ファイルとして指定します。 <script src="syze.min.js"></script> JavaScript demo1では表示サイズの数値を元に、class名にもその数値を利用します。 syze.sizes(320, 480, 768, 1024, 1920); class名 .is320(0-479px) .is480(480-767px) .is768(768-1023px) .is1024(1024px-1079px) .is1920(1920+px) CSS 設定が完了したら、あとはサイズごとにスタイルシートを設定します。 body { background:

[vitaminsii]

jQueryなどの他のスクリプトに依存せず、表示サイズに応じてスタイルシート用のclassを設定し、iPhone, iPad, デスクトップなどのクロスデバイス用のコンテンツを作成できる超軽量スクリプト

[miso30]

jQueryなどの他のスクリプトに依存せず、表示サイズに応じてスタイルシート用のclassを設定し、iPhone, iPad, デスクトップなどのクロスデバイス用のコンテンツを作成できる超軽量スクリプト

[warriorking]

(JS)柔軟なclassの設定が可能なResponsive Web Design用の超軽量(1KB)スクリプト -syze | コリス

[hr07jp]

柔軟なclassの設定が可能なResponsive Web Design用の超軽量(1KB)スクリプト -syze

[nors]

http://rezitech.github.com/syze/

[tsuki-rs]

これは良いね！

[Donca]

✔ [JS]柔軟なclassの設定が可能なResponsive Web Design用の超軽量(1KB)スクリプト -syze