禁用Javascript/JQuery时加载备用CSS

禁用JavaScript/jQuery时加载备用CSS是指在浏览器禁用或不支持JavaScript/jQuery的情况下，使用CSS来实现网页的基本布局和样式。这种方法可以确保在不支持JavaScript/jQuery的浏览器中，网站仍然能够正常显示。

以下是一些实现禁用JavaScript/JQuery时加载备用CSS的方法：

1. 使用CSS媒体查询：

可以使用CSS媒体查询来检测浏览器是否支持JavaScript/jQuery，如果不支持，则加载备用CSS。例如：

<link rel="stylesheet" href="main.css" />
<noscript>
  <link rel="stylesheet" href="fallback.css" />
</noscript>

1. 使用CSS的@supports规则：

可以使用CSS的@supports规则来检测浏览器是否支持JavaScript/jQuery，如果不支持，则加载备用CSS。例如：

@supports not (display: grid) {
  /* 备用CSS */
}

1. 使用JavaScript/jQuery来动态加载CSS：

可以使用JavaScript/jQuery来动态加载CSS，如果浏览器不支持JavaScript/jQuery，则不会加载CSS。例如：

if (!window.jQuery) {
  var link = document.createElement('link');
  link.rel = 'stylesheet';
  link.href = 'fallback.css';
  document.head.appendChild(link);
}

总之，禁用JavaScript/JQuery时加载备用CSS是一种确保网站在不支持JavaScript/jQuery的浏览器中正常显示的方法。可以使用CSS媒体查询、CSS的@supports规则或者JavaScript/jQuery来实现。