javascript - 集成到我的博客中时，表情符号 One 显得过大

Question

所以我在我的博客中集成了emoji one script将所有的转换为from 。它可以工作，但它过大并与其他帖子发生冲突。unicode emojisemojisemoji one

这是我用来集成的代码：

 $(window).load(function() {

   function convert() {
     var input = document.body.innerHTML;
     var output = emojione.unicodeToImage(input);
     document.body.innerHTML = output;
   }

   convert();
 });

img.emojione {
  /* Override any img styles to ensure Emojis are displayed inline*/
  margin: 0px !important;
  display: inline !important;
  min-width: 15px!important;
  min-height: 15px!important;
  vertical-align: middle;
}

<script src="//cdn.jsdelivr.net/emojione/2.0.0/lib/js/emojione.min.js"></script>
<link rel="stylesheet" href="//cdn.jsdelivr.net/emojione/2.0.0/assets/css/emojione.min.css" />

和一个工作小提琴

这是我博客上的预览。

尽管尽了最大的努力，我还是无法让它以默认大小显示。

这是我博客的完整代码。

任何帮助表示赞赏。

Answer 1

那是因为您在博客中的自定义 CSS 之后加载EmojiOne CSS，这是width:auto由EmojiOne CSS “工作”制作的。

因此，将这一行放在您的自定义 CSS 之前：

<link rel="stylesheet" href="//cdn.jsdelivr.net/emojione/2.0.0/assets/css/emojione.min.css"/>