Question

因此，我将emoji one脚本集成到我的blog中，将unicode emojis转换为emojis emoji one。它有效，但它的尺寸过大，与其他帖子相撞。

这是我用来整合的代码：

＆＃13;

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

＆＃13;

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;
}

＆＃13;

<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" />

＆＃13;

工作fiddle

这是我博客上preview的样子。

尽管我尽力而为，但我无法以默认尺寸显示它。

这是我的博客整个code。

感谢任何帮助。

Answer 1

这是因为您在博客中的自定义CSS之后加载了 EmojiOne CSS ，这是从 EmojiOne CSS “工作”{。}}。

因此，请将此行放在自定义CSS之前：

width:auto

当集成在我的博客中时，Emoji One显得超大

1 个答案: