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