jquery – 与加载图像相同的容器宽度和高度

解决方法@H_696_22@

在提及您的问题时：
始终根据图像使用最小高度和最小宽度.
正如您所解释的那样,您需要类似Facebook的行为,如果您正确检查Facebook页面,则无论何时加载图像,它始终具有固定的高度和宽度.
请查看以下代码：

HTML：

<div class="image-container">
    <img src="path of image to be loaded" />
</div>

CSS：

.image-container{
    min-height:500px;
    min-width:500px;
}
.image-container img{
    height:100%;
    width:100%;
}

使用AngularJS将具有使用Ng-src显示加载后图像的额外优势.
还要避免为网页使用超高清图像,因为它会减慢整个页面的加载速度.

如果图像分辨率较高,请预先加载图像,请参阅下面的链接.
https://perishablepress.com/3-ways-preload-images-css-javascript-ajax/