Skip to content

浏览器支持

Material for MkDocs 竭尽所能支持尽可能多的浏览器,同时通过现代 CSS 特性如 custom propertiesmask images 保持最简单的自定义可能性。

支持的浏览器

下表列出了 Material for MkDocs 提供全面支持的所有浏览器,因此可以假设所有功能在这些浏览器中都能正常工作。如果您发现某个功能在支持的浏览器版本中显示不正常,请 open an issue

浏览器 版本 发布日期 使用率
桌面 移动 总体
Chrome 49+ 03/2016 25.65% 38.33% 63.98%
Safari 10+ 09/2016 4.63% 14.96% 19.59%
Edge 79+ 01/2020 3.95% n/a 3.95%
Firefox 53+ 04/2017 3.40% .30% 3.70%
Opera 36+ 03/2016 1.44% .01% 1.45%
92.67%

浏览器支持矩阵来源于 caniuse.com.1

请注意,使用数据基于全球浏览器市场份额,因此对于您的目标用户群体可能完全不同。检查用户中浏览器类型和版本的分布是个好主意。

其他浏览器

尽管您的网站在现代浏览器中看起来更完美,但以下旧版浏览器可能在额外努力下仍能正常工作:

  • Firefox 31-52 – 由于缺乏对 mask images 的支持,图标将呈现为小方块。虽然这无法通过 polyfill 解决,但可以通过完全隐藏图标来缓解。
  • Edge 16-18 – 由于缺乏对 :is pseudo selector 的支持,某些元素的间距可能会有些不正常,这可以通过额外的努力来缓解。
  • Internet Explorer - 不支持,主要是由于缺乏对 custom properties 的支持。支持 Internet Explorer 的最后一个版本是 4.6.3

  1. 数据收集自 caniuse.com,时间为 2022 年 1 月,主要基于浏览器对 custom propertiesmask images:is pseudo selector 的支持,这些特性并不完全可 polyfill。市场份额累计低于 1% 的浏览器未被考虑,但仍可能部分或完全支持。