使用填充技巧可以使元素以响应方式缩放并保持设置的纵横比。但是当高度来自填充时,如何设置最大高度?
请参见以下示例:我希望此元素进行缩放,但一旦达到设置的高度,高度将不再缩放(但保留完整宽度)。
请参见以下示例:我希望此元素进行缩放,但一旦达到设置的高度,高度将不再缩放(但保留完整宽度)。
#container {
background-color: #666;
color: #ccc;
padding-top: 23%;
height: 0;
overflow: hidden;
}