Skip to content

浏览器支持

Material for MkDocs 在保留现代 CSS 特性(如自定义属性遮罩图像)的同时,尽可能支持最广泛的浏览器范围,以实现最简单的定制。

支持的浏览器

下表列出了 Material for MkDocs 完全支持的所有浏览器,可以假设所有功能都能正常工作。如果在受支持版本范围内的浏览器中发现某些内容显示不正确,请提交问题

Browser Version Release date Usage
desktop mobile overall
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%

Browser support matrix sourced from caniuse.com.1

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

其他浏览器

虽然使用旧的浏览器版本时,您的网站可能不会像在现代浏览器中查看时那样完美,但以下旧的浏览器版本可能需要一些额外的工作来使其正常工作:

  • Firefox 31-52 - 由于缺少对遮罩图像的支持,图标将呈现为小方块。虽然这无法进行 polyfill,但通过完全隐藏图标可以缓解此问题。
  • Edge 16-18 - 由于缺少对[:is 伪选择器]的支持,某些元素的间距可能会有所偏差,可以通过一些额外的工作来缓解这个问题。
  • Internet Explorer - 不支持,主要是由于缺少对自定义属性的支持。Material for MkDocs 支持的最后一个 Internet Explorer 版本是 4.6.3

  1. 此数据是根据 2022 年 1 月从caniuse.com收集的,并主要基于浏览器对自定义属性遮罩图像和[:is 伪选择器]的支持,这些功能无法完全进行 polyfill。未考虑市场份额小于 1%的浏览器,但可能仍然具有完全或部分支持。