关闭按钮-HTML实体与SVG



在创建关闭按钮时,通常是对于某种卡片,我经常发现需要一些类似于我们都会将其与关闭事物联系在一起的叉/乘符号的视觉符号。

在大多数情况下,我发现自己更喜欢使用HTML实体。

×

但我看到了";常规的";传统EN键盘上的x键。以及像羽毛和英雄图标这样的SVG,等等

我想问的是,在这些选项中是否有推荐的选项,以及为什么?如果没有,支持的范围最广和/或性能最高是哪个选项?

感谢

以下一些背景,无需阅读:

在一段时间内,实体对我来说是最好的选择。如果有机会的话,我喜欢在我的应用程序中少加载或打包一项资产,无论多么小

这个,我假设什么是";x〃;键盘上的键可能意味着不同的东西,对于更广泛的世界中的不同编码器来说,可能是不同的代码

&times(;(只会是&次(;(。不管怎样,这是我的希望

也就是说,我注意到了该实体的一些看似不可移动的填充物的问题;字符上方和下方的空白随着字体大小的增加而变大。因此,CSS光标效果过早地激发,此时光标明显(明显(远离符号本身

由于无法调整该符号的"笔划宽度"属性,我想知道这些新颖的SVG及其带来的所有独特功能是否是这里的最佳选择。">

根据我的经验(因为这似乎是一个固执己见的话题(,我认为没有推荐的最佳实践。一开始,为了达到工作状态,我会使用大写的X,因为它得到了普遍支持。稍后,使用SVG将是一个很好的选择,主要是因为SVG可以很容易地针对任何设备进行缩放,并且实际上得到了普遍支持。

相关内容

  • 没有找到相关文章

最新更新