我有一个DIV，可根据视口大小在CSS中调整字体大小：
font-size:1em;
@media only screen and (min-width: 300px) {
font-size:2em;
}
@media only screen and (min-width: 600px) {
font-size:3em;
}
但是，我也有Javascript可根据用户是否向下滚动来更改字体大小。
$(window).scroll(function () {
if ($(this).scrollTop() > 1) {
$('#div').css('font-size', '1em');
}
else {
$('#div').css('font-size', '3em');
}
});
问题是，在用户至少一次上下滚动一次之后，Javascript将设置font-size为3em，并且@media声明不再适用。
是否有可能做到这一点，以便在Javascriptelse子句中，样式恢复为CSS和@media条件中声明的样式？
不用使用javascript将字体大小设置回正常，您可以将其设置为“ nothing”。这样，即可应用CSS中定义的样式。
$(window).scroll(function () {
if ($(this).scrollTop() > 1) {
$('#div').css('font-size', '1em');
}
else {
$('#div').css('font-size', '');
}
});
本文收集自互联网，转载请注明来源。
如有侵权，请联系[email protected] 删除。
我来说两句