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="두꺼운 녹색 테두리 img-responsive" src=" http://bit.ly/fcc-relaxing-cat "
img class="두꺼운 녹색 테두리 img-responsive" src=" http://bit.ly/fcc-running-cats "

--이미지 로드를 방지하기 위해 제거된 각도 태그

출처

danielonodje

가장 유용한 댓글

http(https:)에 s를 추가해야 합니다.

yaseenagag 에 2016년 11월 03일

👍2 ❤1

모든 3 댓글

테스트를 로 재설정하고 다시 붙여넣으셨습니까? 그것은 내에서 작동했습니다.

shufengh 에 2015년 08월 25일

@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">

나를 위해 잘 작동합니다.

나는 이것을 닫을 것이지만 여전히 문제가 있으면 다시 여십시오.

benschenker 에 2015년 08월 26일

http(https:)에 s를 추가해야 합니다.

yaseenagag 에 2016년 11월 03일

👍2 ❤1

이 페이지가 도움이 되었나요?

0 / 5 - 0 등급

Freecodecamp: Waypoint: 모바일 반응형 이미지 만들기

가장 유용한 댓글

모든 3 댓글

관련 문제