使用簡單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");
}
}
詳情請看原始出處~資訊來源節錄自:網頁設計知識庫不可全文轉貼、可部份引用,請以本文網址連結方式註明出處。
src="http://pagead2.googlesyndication.com/pagead/show_ads.js">