Freecodecamp: Waypoint: Jadikan Gambar Responsif Seluler

Dibuat pada 25 Agu 2015 · 3Komentar · Sumber: freeCodeCamp/freeCodeCamp

Tantangan http://www.freecodecamp.com/challenges/waypoint-make-images-mobile-responsive memiliki masalah. Jelaskan cara mereproduksinya, dan sertakan tautan ke tangkapan layar jika memungkinkan.

Di bawah ini adalah kode untuk 2 gambar seperti yang diminta. 2 dari 3 tes lulus. Yang terakhir mengatakan URL gambar harus " http://bit.ly/fcc-running-cats " seperti yang ditunjukkan di bawah ini. Gambar dimuat dengan benar tetapi tes tidak lulus.
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 "

--tag sudut dihapus untuk mencegah pemuatan gambar

Sumber

danielonodje

Komentar yang paling membantu

Anda perlu menambahkan s ke http Anda (https:)

yaseenagag pada 3 Nov 2016

👍2 ❤1

Semua 3 komentar

Sudahkah Anda mencoba mengatur ulang tes dan menempelkannya lagi? itu berhasil pada milikku.

shufengh pada 25 Agu 2015

Terima kasih @sir-castiq!

Lihat Panduan Pemformatan Kode untuk mengetahui cara menampilkan kode Anda dan tidak membuatnya menjadi html.

Saya pikir masalah Anda adalah tag img pertama Anda tidak ada di dalam <a> dari tantangan sebelumnya:

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

bekerja dengan baik untuk saya.

Saya akan menutup ini tetapi membukanya kembali jika Anda masih mengalami masalah.