Задача: изменить размер объекта (любые другие свойства объекта), в зависимости от размера экрана. Другими словами реализовать адаптивный дизайн посредством JavaScript.
Решение:
Используем свойство clientWidth для определения ширины области просмотра (viewport).
// на css
@media all and (max-width: 768px) { }
// с помощью javascript
if (document.documentElement.clientWidth < 768) { }
Альтернативный способ, смотреть на ширину устройства screen.width
if (screen.width < 768) { }
Предпочтительней использовать первый вариант.