html页面上的图像加载问题答案

【问题标题】：Image loading issue on html pagehtml页面上的图像加载问题
【发布时间】：2016-12-16 12:31:26
【问题描述】：

见上图，当我刷新页面时，图像没有加载，但是如果我将选项卡从 MEN 更改为 WOMEN，将 WOMEN 更改为 MEN，则会显示图像。即使我更改了 CSS 中的任何内容，也会显示图像。无法获取图像不直接显示的原因。

其他图像按要求正确显示，但有些图像我遇到了此类问题。

【问题讨论】：

【解决方案1】：

问题在于图像的高度，或者可能在于其父 div 的高度。

height: 100%;
width: auto;

只需将图像高度定义为百分比，自动宽度将保持比例。

【讨论】：

【解决方案2】：

看来，您没有为未显示的图像设置宽度和高度。设置宽高试试看。

图像高度显示为 2px。所以需要为图片设置高度。

【讨论】：

【解决方案3】：

请为img标签设置宽*高

例子：

<img src="image.png" width="350" height="350" />

在你给的图片中可以看到340px*2px的宽高。

【讨论】：