如果屏幕分辨率小于960px
,尝试修改元素的css我的代码无效,没有在firebug中看到任何错误。
<script type="text/javascript">
jQuery(window).resize(function() {
if (jQuery(window).width() < 960) {
jQuery(".snow").css('display', 'none');
}
});
</script>
答案 0 :(得分:48)
您可以使用@media
命令完全使用CSS完成此操作。
@media (max-width:960px) { css... } //nothing with screen size bigger than 960px
@media (min-width:960px) { css... } //nothing with screen size smaller than 960px
请参阅here
Jason Whitted提出了一个很好的观点,这只是CSS 3,所以它不适用于旧浏览器(它应该适用于所有现代浏览器)。有关兼容性,请参阅here。你的主要问题是IE 8及更低版本。
编辑 - 设备选择
@media screen { .nomobile { display: block; } } //desktops/laptops
@media handheld { .nomobile { display: none; } } //mobile devices
或者您可以假设移动设备的宽度较小,然后继续使用。