新的Google Play徽章尺寸不合适

时间:2016-01-22 07:43:42

标签: html

今天我意识到“在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?这听起来像是糟糕的代码。

编辑:忘了图片 enter image description here

1 个答案:

答案 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;
&#13;
&#13;