html - 媒体查询和默认函数更改

Question

我想问一个与某个网站功能有关的问题。

http://kccreepfest.com/

我想知道这个网站是如何使用响应式设计并在桌面上的浏览器发生变化时维护它的。

但是在手机上打开时，是结构化的响应式设计。

提前致谢。

Answer 1

他们有相当多的 js 正在进行，但在大多数情况下，这是关键行： var _isMobile = navigator.userAgent.toLowerCase().match(/(iphone|ipod|ipad|android|webos)/) ? true : false;

他们正在检查用户代理是否匹配 iphone/ipod 等，如果匹配，则将其存储在一个变量中，然后在该变量上播放以附加（或不附加）某些类。