html - メディアクエリとデフォルト関数の変更

Question

特定の Web サイトの機能に関連する質問をしたかったのです。

http://kccreepfest.com/

この Web サイトがどのようにレスポンシブ デザインを使用しており、デスクトップのブラウザーが変わってもそれを維持しているのかを知りたいと思っていました。

しかし、モバイルで開くと、構造化されたレスポンシブ デザインになります。

前もって感謝します。

Answer 1

かなりの量の js が進行中ですが、このほとんどの部分で、これが重要な行です。 var _isMobile = navigator.userAgent.toLowerCase().match(/(iphone|ipod|ipad|android|webos)/) ? true : false;

ユーザー エージェントが iphone/ipod などと一致するかどうかを確認し、一致する場合は変数に格納し、それを再生して特定のクラスをアタッチします (またはアタッチしません)。