2009年10月4日星期日

使用簡單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");
}
}


詳情請看原始出處~

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


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





0 回應: