表情一出现超大

Question

所以我综合了emoji one脚本在我blog把所有的unicode emojis到emojis从emoji 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" />

和工作fiddle

这里是我的博客怎么看起来像preview。

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

这是我的博客的全部code。

任何帮助表示赞赏。

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