javascript - 最大限の互換性を備えたデスクトップおよびモバイル ブラウザーの幅を検出する方法

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

状況は複雑で、さまざまなブラウザの特異性をすべて処理するプラグインが必要になるか、自分でこれを行う必要があります。この記事は私にとって非常に役に立ちました。