padding和margin都可以使用百分比来定义大小,注意参考的百分比是宽度,而不是高度。
利用这个特性,可以按照比例固定盒子的大小,可以解决如:轮播图所在盒子大小固定比例,防止图片未加载时的样式问题
// 盒子大小
width:100%
height:0
overflow: hidden
padding-bottom: 50%
// 图片比例宽高2:1
完美解决问题。
padding和margin都可以使用百分比来定义大小,注意参考的百分比是宽度,而不是高度。
利用这个特性,可以按照比例固定盒子的大小,可以解决如:轮播图所在盒子大小固定比例,防止图片未加载时的样式问题
// 盒子大小
width:100%
height:0
overflow: hidden
padding-bottom: 50%
// 图片比例宽高2:1
完美解决问题。