如何调整Google Play商店徽章尺寸至200x83px以匹配Apple App Store徽章?
解决Google Play徽章尺寸调整问题
直接使用以下修改后的代码,既保证链接有效,又能将徽章尺寸调整为200x83px,同时匹配Apple App Store徽章的视觉样式:
<a href='https://play.google.com/store/apps/details?id=com.coachcare.robardionic&hl=en_US&gl=US&pcampaignid=pcampaignidMKT-Other-global-all-co-prtnr-py-PartBadge-Mar2515-1' style="display: inline-block; overflow: hidden; border-radius: 13px; width: 200px; height: 83px;"> <img alt='Get it on Google Play' src='https://play.google.com/intl/en_us/badges/static/images/badges/en_badge_web_generic.png' style="border-radius: 13px; width: 100%; height: 100%; object-fit: contain;"/> </a>
关键注意事项:
- 不要修改
a标签的href属性:之前链接失效大概率是误改了这个属性里的参数,原链接的所有内容必须完整保留 - 样式逻辑和Apple徽章对齐:给
a标签设置inline-block、圆角和固定尺寸,内部img用width:100%; height:100%;填充容器,object-fit:contain保证徽章图片不会变形 - 如果不需要严格保持图片比例,也可以直接给
img设置width:200px; height:83px;,但object-fit能避免图片拉伸失真
内容的提问来源于stack exchange,提问作者Doug K
相关产品推荐
相关产品推荐

