android - anchor 按钮背景图像在 Android 股票浏览器上未按预期显示。

Question

我有一些按钮在 chrome 中显示正常，但在普通的 android 浏览器中，图像看起来比它们实际的要小。

HTML

<div class="col-postSocial">
    <ul>
        <li><a class="fb" href="http://www.facebook.com/share.php?u=<?php the_permalink(); ?>"></a>
        </li>
        <li><a class="twit" href="http://twitter.com/share?url=<?php the_permalink(); ?>" target="_blank"></a>
        </li>
        <li><a class="ggl" href="https://plus.google.com/share?url=<?php the_permalink(); ?>"></a>
        </li>
        <li><a class="pin" href="http://pinterest.com/pin/create/link/?url=<?php the_permalink(); ?>" target="_blank"></a>
        </li>
    </ul>
</div>

CSS

.col-postSocial {
    width:100%;
    margin-top:20px;
    margin-bottom:10px;
    text-align:center;
    float:none;
}
.col-postSocial li {
    display:inline-block;
}
.col-postSocial a {
    display:block;
    height:50px;
    width:50px;
}
.fb {
background:url('../images/facebook.png') #3b5998;
}
.twit {
background:url('../images/twitter.png') no-repeat top #00aced;
}
.ggl { background:url('../images/google_plus.png') no-repeat top #dd4b39;
}
.pin {
background:url('../images/pinterest.png') no-repeat top #cb2027;
}

我不确定要更改什么才能使它在 android 标准版浏览器上运行，这应该可以正常运行吧？

图像是 50 x 100px png 但在 android 上图像看起来更像是 25 x 50px，框仍然是 50x50 那么是什么导致了这个？

Answer 1

啊，它只是想让我定义一个大小 background-size:50px 100px!important;