ios chrome上大小不同的unicode圆圈

当我在我的项目中使用黑白圆圈时，我注意到在ios chrome上，白色圆圈比黑色圆圈大

● - U+25CF ○ - U+25CB

在桌面环境中，圆圈看起来大小相同，但高度略有不同。差别并不明显

我试图让这些圆圈在ios chrome上的大小相同

我觉得我已经消除了任何变量，浏览器负责这些圆圈的不同大小

---

实际上，就unicode而言，所有字符都依赖于字体。当某个字符不可用时，将从备用字体中选取该字符

如果您没有配置自定义字体，或者这些字符在您选择的字体中不可用，则不同大小的圆圈将使用chrome/ios使用的默认字体

因此，您有两种方法：要么找到一种字体，以适合您的方式绘制字符，然后强制使用，要么放弃对这些字形使用unicode字符，而是使用内联图像

---

您可以使用SVG图形，这些图形可以在HTML标记本身中编码，这将确保一致的外观。

这取决于字体。在某些字体中，它们的大小可能相同，而在其他字体中，则不同。对于这些形状应该有多大，实际上没有任何规定。因此，解决方案是找到一种与webfont大小相同的字体。