根据提供的素材内容,这个网站似乎是用于响应式设计的。它通过判断用户设备(PC或移动端)来加载不同的CSS和JavaScript文件,以适应不同屏幕尺寸的需求。如果检测到用户设备是PC端,则使用.mobileStyle
样式表;如果设备是移动端,则使用.stylefile
样式表。
以下是一个简单的示例代码:
// 获取是否为PC端
var isPC = IsPC();
// 如果是PC端加载PC的js和css
$(".mobileStyle").remove();
dynamicLoadJs('./images/rt_base_pc.js')
dynamicLoadJs('./images/rt_pc_v2020.js');
// 如果是移动端加载移动端的js和css
$(".stylefile").remove();
dynamicLoadJs('./images/rt_base_mobile.js')
dynamicLoadJs('./images/rt_mobile_v2020.js');
这段代码可能只是一个简单的实现,实际的网站可能会有更复杂的逻辑和更多的功能。