2009/10/04

使用簡單js判斷,讓不同螢幕尺寸看到不同css表現的外貌

這網站很炫喔
他加了簡單的js判斷
不同螢幕尺寸 讀不同的css 表現不同的樣式

JS原始碼

function dynamicLayout(){
var browserWidth = getBrowserWidth();

// Narrow CSS rules
if (browserWidth < 640){ changeLayout("narrow"); } // Normal (default) CSS rules if ((browserWidth >= 640) && (browserWidth <= 960)){ changeLayout("default"); } // Wide CSS rules if (browserWidth > 960){
changeLayout("wide");
}
}


詳情請看原始出處~

資訊來源節錄自:網頁設計知識庫


不可全文轉貼、可部份引用,請以本文網址連結方式註明出處。



沒有留言:

張貼留言