我的jQuery中出現了什麼問題?我想根據屏幕尺寸使我的div更大,並且有很多很好的例子,但仍然沒有成功。基於Jquery的屏幕尺寸更改Div的大小
var screenWidth = screen.width;
if (screenWidth < 1024) {
$(".gadgetblockLeft1").css("width","40%");
} else {
$(".gadgetblockLeft1").css("width","100%");
}
和CSS還是: -
.gadget .gadgetblockLeft1 { padding:5px; background-color:#f4f4f4; border:1px solid #cfcfcf; font-family:Tahoma, Geneva, sans-serif; font-size:12px; text-align:right; direction:rtl; margin-left:5px; height:auto; float:left}
我需要時改變屏幕900px或小於900px將這個代碼width:100%
添加到類.gadgetblockLeft1
將if(screenWidth <1024)更改爲if(screenWidth> 900)'? – JAM 2013-05-12 16:10:32
您應該爲此使用媒體查詢,而不是JS。請參閱@ torazaburo的回答,除此之外,您似乎還不確定代碼會發生什麼情況。 jQuery不會將您的更改附加到類本身,而是附加到您定義的選擇器的元素。 – Lea 2013-09-01 19:24:11