Freecodecamp: إحداثية: اجعل الصور تستجيب للهاتف المحمول

تم إنشاؤها على ٢٥ أغسطس ٢٠١٥  ·  3تعليقات  ·  مصدر: freeCodeCamp/freeCodeCamp

التحدي http://www.freecodecamp.com/challenges/waypoint-make-images-mobile-responsive به مشكلة. يرجى وصف كيفية إعادة إنتاجه ، وتضمين روابط إلى لقطات الشاشة إن أمكن.

يوجد أدناه رمز لصورتين كما هو مطلوب. 2 من 3 اختبارات اجتازت. آخرها تقول أن عنوان 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 "

- إزالة علامات التشابك لمنع تحميل الصور

التعليق الأكثر فائدة

تحتاج إلى إضافة s إلى http (https :)

ال 3 كومينتر

هل حاولت إعادة تعيين الاختبار إلى ولصقه مرة أخرى؟ عملت على الألغام.

@ شكرا سيدي 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">

يعمل بشكل جيد بالنسبة لي.

سأغلق هذا ولكن سأعيد فتحه إذا كنت لا تزال تواجه مشكلات.

تحتاج إلى إضافة s إلى http (https :)

هل كانت هذه الصفحة مفيدة؟
0 / 5 - 0 التقييمات