13

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

◀
▶

出于某种原因，即使我在没有其他元素的空白页面上使用它们，三角形也不会以相同的大小显示。

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

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

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

4

4 回答 4

6

尝试以下操作：

◄ 和 ►

◄ 和 ►

于 2014-07-29T03:14:25.730 回答
6

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

“...如果一切都失败了，您可以尝试其他形状，例如左/右指向指针◄ ►或左/右指向小三角形◂ ▸。” ——李斯特先生

我从这条评论中复制/粘贴了指针字符，它在 FF/Chrome/IE 中是一致的大小。

PS 更改字体系列对我没有任何影响。

于 2014-02-06T08:41:43.543 回答
6

我一个接一个地遇到同样的问题。最后，我对左右都使用了相同的箭头、三角形和指针。在我的例子中，我对左右指针都使用了一个向右的箭头。我使用 翻转左箭头transform: scale(-1)。现在它们看起来一模一样。

于 2017-04-07T19:26:33.863 回答
1

谢谢Aye Mon Chit！

我最初使用了以下内容：◄ - ◀ 和 ► - ▶

在我在智能手机上尝试之前，这一切似乎在所有浏览器上都运行良好。根本没有工作...

所以我使用了以下内容：◄ - ◄ 和 ► - ►

它适用于所有浏览器，包括智能手机互联网。

供参考。这个页面真的很有帮助。 http://graphemica.com/%E2%97%84

于 2017-11-24T12:19:00.583 回答