バッジサイズ：GOOGLE PLAY STOREとAPPLE APP STOREマージン：APPLEバッジのマージンを大きくしてサイズに合わせる

Question

この質問はthis oneにリンクしています。

コメントの1つは、APP STORE BADGE画像の周りにマージンを追加して、デフォルトでマージンを含むGOOGLE PLAY STORE BADGEと一致させることを提案します。

GOOGLE PLAY STORE BADGEを操作して余白をトリミングしてから（like in example as this one）しばらくしてください。どのような作業ですが、イメージの右マージンを切り取ることはできません。だから、APP STORE BADGEのサイズの割合でmargin-top、margin-bottom、margin-right、margin-leftを追加

は、より信頼性の高いと思われます。

私の質問は、私たちがCSSクラスで使用すべき値である：AppleのApp Storeバッジに適用する

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

Answer 1

右の値はstyle="margin:6%;width:88%"です。 imgにCSSルールで

なければならない：

各バッジの <img>を取り囲む両方 <div>に続い

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

、width値（以下の例では300ピクセル）が同じであれば、バッジAPPLE APPストアと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>