web-dev-qa-db-fra.com

Bouton Facebook Like pour Retina Display

J'utilise le bouton J'aime de Facebook (https://developers.facebook.com/docs/reference/plugins/like/), mais lorsqu'il est affiché sur l'iPhone Retina Display, le bouton est flou car le logo de Facebook est une image et il est agrandi. pour haute DPI. Est-il possible de rendre le bouton "J'aime" pour Retina Display?

facebooklike
3
Can Poyrazoğlu

Vous aurez besoin de remplacer le CSS de Facebook.

Tout d’abord, créez une nouvelle icône de bloc fonctionnel deux fois plus grande que l’original que vous souhaitez remplacer (une fois réduite, elle aura une belle apparence sur rétine).

Ensuite, écrasez ceci ceci ...

.sp_like-send {
    background-image: url(http://static.ak.fbcdn.net/rsrc.php/v2/yD/x/Q8FTZ0iJJF2.png);
    background-repeat: no-repeat;
    display: inline-block;
    height: 14px;
    width: 14px;
}

avec...

.sp_like-send {
    background-image: url(/images/new-fb-icon-you-made.png);
    background-repeat: no-repeat;
    display: inline-block;
    height: 50%;
    width: auto;
    background-size: 100%;
}

Voici quelques options supplémentaires -> http://coding.smashingmagazine.com/2012/08/20/towards-retina-web/

1
NickWebman