徽章大小：GOOGLE PLAY STORE和APPLE APP STORE保证金：增加APPLE徽章的保证金以匹配大小

Question

这个问题与此相关。

评论之一建议在APP STORE BADGE图片周围添加一个边距，以匹配默认情况下包含边距的GOOGLE PLAY STORE BADGE。

尝试了一段时间以操纵GOOGLE PLAY STORE BADGE在其上裁切边距后（例如在此示例中）。哪种工作，但无法裁剪图像的正确边缘。

所以加入margin-top，margin-bottom，margin-right，margin-left在APP Store标志的大小比例似乎更可靠。

我的问题是我们应该在CSS类中使用哪些值：

.margin-apple-badge {
  margin: X %
}

Answer 1

正确的价值应用到苹果App Store徽章style="margin:6%;width:88%"。

在CSS中，规则img必须为：

img {
    max-width: 100%;
    height: auto;
}

然后，在两个徽章的两个<div>周围<img>，如果width值相同（在下面的示例中为300px），则徽章APPLE APP STORE和GOOGLE PLAY STORE将具有相同的尺寸长宽比。

<div class="">
  <div class="" style="width:300px">
    <img  src="/Download_on_the_App_Store_Badge_FR_135x40.svg"  style="margin:6%;width:88%"></img>
  </div>
  <div class="" style="width:300px">
    <img  src="/google-play-badge.png" >/img>
  </div>
</div>