Html 大小不相同的黑色左/右指向三角形

我正在使用黑色的左指三角形/右指三角形几何形状作为网站上的链接，使用它们的HTML代码（◀ 及▶):

由于某些原因，三角形显示的大小不同，即使我在没有其他元素的空白页上使用它们

在Chrome上，左指的比右指的稍大。 在Firefox上，右指的要比左指的大得多

即使在一个空白页面上根本没有CSS，我也会遇到这个问题

---

你知道原因是什么或者如何解决这个问题吗？

只是重复李斯特先生的评论作为回答，因为这对我很有用（投票支持他的评论！）

“…如果所有其他操作都失败，您可以尝试其他形状，例如左/右指针◄ ► 或左/右指向的小三角形◂ ▸." – 李斯特先生

我复制/粘贴了此评论中的指针字符，在FF/Chrome/IE中大小一致

另外，更改字体系列对我没有任何影响。

请尝试以下操作：

◄ 及►

---

◄和►

我一个字符接一个字符都遇到了同样的问题。最后，我对左右指针使用了相同的箭头、三角形和指针。在我的例子中，我对左右指针都使用了右向箭头。我使用

transform:scale（-1）翻转左箭头

。现在它们看起来一模一样。

谢谢你，是的，我的孩子

我最初使用的是： ◄ - ◀和► - ▶

它似乎在所有浏览器上都能正常工作，直到我在智能手机上试过。根本不起作用

因此，我使用了以下方法： ◄ - ◄和► - ►

它可以在所有浏览器中工作，包括智能手机和互联网

仅供参考。这个页面非常有用。

---

尝试更改

字体系列

直到您喜欢它的大小。此问题也适用于此页面吗？您问题中的三角形大小是否不同？在此页面上，它看起来很好！我尝试添加与此页面上相同的字体系列，但在我的页面上，三角形的大小仍然不同。此外，即使我更改字体-大小，差异仍然存在，即两者都变小/变大，但相对于彼此而言，一个仍然比另一个高。此处相同；它们看起来相同。如果所有其他形状都失败，您可以尝试其他形状，例如左/右指针◄ ► 或左/右指向的小三角形◂ ▸.这确实奏效了！不知何故，在不同的浏览器中，左指向和右指向的三角形会有不同的大小，而且它们的伸缩性也非常差，而指针看起来非常完美。现在没有任何上下指针，但奇怪的是，向上指针▲ 向下▼ 三角形都很完美，并且与指针具有相同的形状和宽度（如果你在2之间交替使用，那就太好了）▲ 及▼ 形状几乎与◄ 及►, 我可能会添加-如果您希望它100%更好地使用transform:rotate。对于dec和十六进制代码，请参阅将我的编码从▶更改为&9658，这使其在不同浏览器中更加一致。谢谢。这将使基线倒置。您最好使用水平翻转：

rotateY（180度）

。

◀
▶