Как определить ширину настольных и мобильных браузеров с максимальной совместимостью

Question

Итак, я запускаю медиа-запросы и этот код:

 //Check different widths as different browsers report it differently
 if ($(window).width()!==0) {
     width = $(window).width();
 }
 else if (window.innerWidth!==0) {
     width = window.innerWidth;
 }

Но теперь кажется, что они не совпадают с моими медиа-запросами. То, что в сочетании с определенным мобильным телефоном не нравятся эти ширины, означает, что мои стили не всегда соответствуют моим добавленным стилям JS.

У кого-нибудь есть полный способ определения ширины браузера с помощью JavaScript или jQuery?

Answer 1

Ситуация сложная, вам либо понадобится плагин, который обрабатывает все различные браузерные особенности, либо вам придется делать это самостоятельно. Эта статья была очень полезна для меня.