相关疑难解决方法(0)

今天我意识到"Get it on 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？这听起来像是糟糕的代码.

编辑:忘了图片

我已经创建了一个双列网格图像,可以在全景图像中正常工作:链接.但是,我添加了一个抛出布局的肖像图像,所以我希望能够"裁剪"图像,使高度与其他图像相匹配.我尝试使用负边距,但它没有效果:

.portrait-crop
{
    overflow: hidden;
}

img.portrait-crop
{
    margin-bottom: -30px;
}

我不确定我做错了什么.任何帮助,将不胜感激.

作为参考,这是我的代码.

因此，我已经设置了所有外部链接以及网站上的徽章，但我目前遇到的主要问题是使这些徽章垂直对齐（Google Play 徽章稍微移动到苹果商店下方的右侧）可下载徽章对齐 问题

下面是我目前为这两个徽章设置的代码 - 我到底需要更改什么才能使 Google Play 徽章与 Apple Store 徽章垂直对齐？我觉得我已经尝试了几乎所有的方法，但仍然很困惑。

<a href="https://apps.apple.com/app/id1551353775" style="display: inline-block; overflow: hidden; border-radius: 40px; width: 150px; height: 90px;"><img src="https://tools.applemediaservices.com/api/badges/download-on-the-app-store/black/en-us?size=250x83&amp;releaseDate=1276560000&h=7e7b68fad19738b5649a1bfb78ff46e9" alt="Download on the App Store" style="border-radius: 15px; width: 150px; height: 90px;"></a>
<a href='https://play.google.com/store/apps/details?id=com.stagescycling.stages'><img style="width:164px;margin-top:-30px;" alt='Get it on Google Play' src='https://play.google.com/intl/en_us/badges/images/generic/en_badge_web_generic.png'/></a>

编辑：不太确定为什么代码片段没有显示它们与顶部的 Apple 商店和底部的 Google Play 商店对齐 - 请参考屏幕截图以获得正确的方向。