新Google Play徽章沒有正確尺寸

今天我意識到舊版鏈接「獲取Google Play上的徽章」（https://developer.android.com/images/brand/en_generic_rgb_wo_45.png）不再有效（Android開發者更新您的網站！），而我檢查新版本在這裏：https://play.google.com/intl/en_us/badges/新Google Play徽章沒有正確尺寸

我適時改變我的代碼

. . . src="https://play.google.com/intl/en_us/badges/images/generic/en-play-badge-border.png" height="45" />

然而，現在不與App Store圖標更多排隊。 google圖標現在約爲37px，而App Store圖標就像我設置的那樣，高度爲45px。

看起來像白色邊框周圍的填充是「硬編碼」到圖片中。檢查我附上的圖片的尺寸。

爲什麼Google必須再次改變一切？另外，爲什麼它不能像以前那樣工作？我真的需要把它放在55像素的高度，才能使它看起來像像 45px？這對我來說聽起來很糟糕。

編輯：忘了圖片

來源

2016-01-22 user2875404

你產生邊框設置爲無的徽章？或者包含邊框？ – Christophvh

由於App Store徽章中包含邊框也有白色邊框，因此我希望徽章看起來類似 – user2875404

這就是您的問題，請在沒有包含邊框的情況下生成徽章並重試。邊界爲它提供了你不想要的額外空間。 – Christophvh

如果你使用了正確的源圖像無邊框包括它的瑣碎與正確的高度正確樣式是：

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>

來源

2016-01-22 07:55:17

非常感謝答案的人，但是沒有說在某個地方你不能更改徽章的外觀？或者這隻適用於徽章內的編輯？ – user2875404

你不允許扭曲或修改它。手動添加已經存在的邊框不是「失真」。 –

乾杯兄弟，標記爲答案！ – user2875404

新Google Play徽章沒有正確尺寸

回答

相關問題