html页面上的图像加载问题

时间:2016-12-16 12:31:26

标签: jquery html css ruby-on-rails ruby-on-rails-4

enter image description here

见上图, 当我刷新页面时,图像没有加载,但如果我将标签从MEN更改为女性,将女性更改为MEN,则会显示图像。 即使我在CSS中更改了任何内容,也会显示图像。 无法理解图像无法直接显示的原因。

其他图片可根据需要正确显示,但部分图片会出现此类问题。

3 个答案:

答案 0 :(得分:1)

似乎,您没有为未显示的图像设置宽度和高度。设置宽度和高度,然后尝试。

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

答案 1 :(得分:1)

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

height: 100%;
width: auto;

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

答案 2 :(得分:-1)

请将width * height设置为img tag

示例:

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

您可以在图片中看到340px * 2px的宽度和高度。