Ответ 1
Вы можете сделать это полностью с помощью CSS с помощью команды @media
.
@media (max-width:960px) { css... } //nothing with screen size bigger than 960px
@media (min-width:960px) { css... } //nothing with screen size smaller than 960px
Смотрите здесь
Джейсон Уитт делает хороший момент, это только CSS 3, поэтому он не будет работать со старыми браузерами (хотя он должен работать со всеми современными браузерами). См. здесь для обеспечения совместимости. Ваши основные проблемы будут IE 8 и менее.
Изменить - выбор устройства
@media screen { .nomobile { display: block; } } //desktops/laptops
@media handheld { .nomobile { display: none; } } //mobile devices
Или вы могли бы предположить, что мобильные устройства будут иметь меньшую ширину и продолжатся.