css img标签高度等于宽度.

以下只是个人笔记,遇到的坑.

使用JS计算的话页面加载的时候会重新渲染, 导致闪屏,用户体验非常差..

所以只能用CSS解决, 具体代码如下;

{CSDN:CODE:

}

父级容器css width: 60%;height: 0;padding-bottom: 60%;position: relative;

子容器css width: 100%;height: 100%;position: absolute;