以下只是个人笔记,遇到的坑.
使用JS计算的话页面加载的时候会重新渲染, 导致闪屏,用户体验非常差..
所以只能用CSS解决, 具体代码如下;
{CSDN:CODE:
<a href=""><img src=""></a>
}
父级容器css width: 60%;height: 0;padding-bottom: 60%;position: relative;
子容器css width: 100%;height: 100%;position: absolute;
所以只能用CSS解决, 具体代码如下;
{CSDN:CODE:
<a href=""><img src=""></a>
}
父级容器css width: 60%;height: 0;padding-bottom: 60%;position: relative;
子容器css width: 100%;height: 100%;position: absolute;