表情一出現超大

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