Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/html/80.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 图像的高度和宽度为0px_Javascript_Html_Css_Angular - Fatal编程技术网
Fatal编程技术网
  • javascript/
  • Javascript 图像的高度和宽度为0px

Javascript 图像的高度和宽度为0px

javascript html css angular

Javascript 图像的高度和宽度为0px,javascript,html,css,angular,Javascript,Html,Css,Angular,我正在用这个构建一个Angular 2应用程序 当我在本地运行它时，一切都很好。当我构建并运行它时，一些图像不会显示出来，因为它们的高度和宽度由于某种原因变得0px 然后，当我刷新页面时，所有的图像都显示得很好 如果我随后去清除cookies，在第一次加载页面时，我又遇到了同样的图像问题 为什么会发生这种情况？我如何修复它 我的一个例子是： <img class="img-responsive review-growth-img" src="assets/img/proj-5-years.

我正在用这个构建一个Angular 2应用程序

当我在本地运行它时，一切都很好。当我构建并运行它时，一些图像不会显示出来，因为它们的
高度和
宽度由于某种原因变得
0px

然后，当我刷新页面时，所有的图像都显示得很好

如果我随后去清除cookies，在第一次加载页面时，我又遇到了同样的图像问题

为什么会发生这种情况？我如何修复它

我的一个例子是：


<img class="img-responsive review-growth-img" src="assets/img/proj-5-years.png">





@这个家伙有两个拇指不，我们没有。如果我们这样做，它会不会在第一次出现？您可以查看浏览器开发工具中的“网络”选项卡，查看是否是第一次发出请求。这是该图像的相对路径。在您的站点上导航是否可能导致该路径被计算为指向其他位置？如果使用绝对路径（例如以
/
开头的路径），会发生什么情况？另外，您的浏览器的javascript控制台中是否有错误？谢谢大家，我已经确定问题在于需要调用获取图像3分钟以上才能得到响应，这就是为什么它们在第一次出现时不会出现一段时间（然后在缓存后，每次都会很快出现），所以我正在弄清楚这一点。我认为这是一个环境问题，因为在我们的开发站点和本地，图像都很好，但不是我们的QA站点。如果有人以前遇到过这个问题或知道解决方案，我很乐意听到。谢谢