Freecodecamp: Waypoint:使图像具有移动响应性

创建于 2015-08-25  ·  3评论  ·  资料来源: freeCodeCamp/freeCodeCamp

挑战http://www.freecodecamp.com/challenges/waypoint-make-images-mobile-responsive有问题。 请描述如何复制它,并尽可能提供屏幕截图的链接。

以下是所要求的 2 张图片的代码。 3 个测试中有 2 个通过。 最后一个说图像 URL 应该是“ http://bit.ly/fcc-running-cats ”,如下所示。 图像加载正确,但测试未通过。
img class="thick-green-border img-responsive" src=" http://bit.ly/fcc-relaxing-cat "
img class="thick-green-border img-responsive" src=" http://bit.ly/fcc-running-cats "

--angle 删除标签以防止图像加载

最有用的评论

您需要在您的 http (https:) 中添加一个 s

所有3条评论

您是否尝试将测试重置为并再次粘贴? 它对我有用。

谢谢@sir-castiq!

查看代码格式指南,了解如何显示您的代码而不是让它呈现 html。

我认为您的问题是您的第一个 img 标签不在上一个挑战的<a>内:

  <a href="#"><img class="smaller-image thick-green-border" src="http://bit.ly/fcc-relaxing-cat"></a>
  <img class="thick-green-border img-responsive" src="http://bit.ly/fcc-running-cats">

对我来说很好。

我将关闭它,但如果您仍有问题,请重新打开它。

您需要在您的 http (https:) 中添加一个 s

此页面是否有帮助?
0 / 5 - 0 等级