要保持图片的比例不变
这一张图片在不同分辨率(1980px, 1364px,移动端400px)下均保持了一定的比例不变。
方法:
padding以及margin的上下(margin-top | margin-bottom | padding-top | padding-bottom)使用百分比时。参考的是容器的宽度。注意不是容器的高度。
容器使用width:100% ,这样容器的高度由padding-top撑开,高度为宽度的35%。这样图片的比例始终是 100:35 不会变形。
lijinwen 2017-04-15 00:04 原文
要保持图片的比例不变
这一张图片在不同分辨率(1980px, 1364px,移动端400px)下均保持了一定的比例不变。
方法:
padding以及margin的上下(margin-top | margin-bottom | padding-top | padding-bottom)使用百分比时。参考的是容器的宽度。注意不是容器的高度。
容器使用width:100% ,这样容器的高度由padding-top撑开,高度为宽度的35%。这样图片的比例始终是 100:35 不会变形。