如下图所示,在饿了吗商品详情页,头图是一个宽高相等的图片,如何实现
.image-header{ position: relative; width:100%; height:0; padding-top:100%; img{ position: absolute; top:0; left:0; width:100%; height:100%; }} 利用padding-top值实现
本文共 389 字,大约阅读时间需要 1 分钟。
如下图所示,在饿了吗商品详情页,头图是一个宽高相等的图片,如何实现
.image-header{ position: relative; width:100%; height:0; padding-top:100%; img{ position: absolute; top:0; left:0; width:100%; height:100%; }} 利用padding-top值实现
转载于:https://www.cnblogs.com/ouchen0312/p/7283865.html