Emoji shrink on mobile safari ( and UIWebView )

Question

This is a question for both objective-c programmers and HTML/CSS/Javascript programmers

When I try to put Emojis on my website with a large font via CSS it works fine on my laptop but when I view it on my iPhone's browser the emoji shrinks but the rest of the text stays large.

Go here on a laptop: http://jsfiddle.net/yfvuX/ Then go there on an iPhone...

See the difference?

How can I fix this? Either in my UIWebView (Objective-C) or on the website itself (HTML/CSS/Javascript)

Answer 1

It works for me when I set the font to Apple Color Emoji like this:

font-family: 'AppleColorEmoji';

But in my opinion the icons don't look good at huge sizes.