今天我意识到“在Google Play上获取”徽章(https://developer.android.com/images/brand/en_generic_rgb_wo_45.png)的旧链接不再有效(Android开发者,更新您的网站!)我在这里检查了新版本: https://play.google.com/intl/en_us/badges/
我相应地将代码更改为
. . . src="https://play.google.com/intl/en_us/badges/images/generic/en-play-badge-border.png" height="45" />
但是,它现在不再与App Store图标对齐。谷歌图标现在大约是37px,而App Store图标就像我设置的那样,高度为45px。
看起来像白色边框周围的填充是“硬编码”到图片中。检查我附上的图片的尺寸。
为什么Google必须再次改变一切?另外,为什么它不能像以前一样工作?我真的需要把它放在55px高度,以使它看起来像像 45px?这听起来像是糟糕的代码。
答案 0 :(得分:2)
如果您使用没有边框的正确源图像,则可以正确设置正确的高度:
body {
background:black;
}
img {
border:1px solid white;
border-radius:6px;
box-sizing:border-box;
height:45px;
}
span {
background:#888;
display:inline-block;
height:45px;
vertical-align:top;
}

<img src="https://play.google.com/intl/en_us/badges/images/generic/en-play-badge.png">
<span>Reference block of 45px high</span>
&#13;