如果屏幕分辨率小于x append css

如果屏幕分辨率小于960px，则尝试修改元素的css

我的代码没有工作，没有在firebug中看到任何错误。

 jQuery(window).resize(function() { if (jQuery(window).width() < 960) { jQuery(".snow").css('display', 'none'); } });  

Answer 1

您可以使用@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 

看到这里

Jason Whitted提出了一个很好的观点，这只是CSS 3，所以它不适用于旧浏览器（它应该适用于所有现代浏览器）。 请参阅此处了解兼容性 你的主要问题将是IE 8及更少。

编辑 – 设备选择

 @media screen { .nomobile { display: block; } } //desktops/laptops @media handheld { .nomobile { display: none; } } //mobile devices 

或者你可以假设移动设备的宽度会更小，然后继续。