CSS-使用Flex实现元素以宽高比缩放

问题:元素宽度随着浏览器改变时, 高度仍然保持不变,致使内部图片变形;


上下padding的值,相对于最近父级的宽
2:flex布局,未设置高的具体值的时候,其值等于子级内容最大的高度
3: 伪类,content为空,宽高为0,不占据位置,也不产生多余的标签

CSS-使用Flex实现元素以宽高比缩放_第1张图片




    
    css定宽高比 flex + 伪类 + padding
    


    
内容

你可能感兴趣的:(#,CSS,比例缩放,css,flex)