freeCodeCamp/guide/arabic/certifications/responsive-web-design/responsive-web-design-princ.../make-an-image-responsive/index.md

626 B

title localeTitle
Make an Image Responsive جعل صورة مستجيبة

جعل صورة مستجيبة

اتباع التعليمات:

أضف قواعد النمط لعلامة img لجعلها تستجيب لحجم الحاوية الخاصة بها. يجب أن يتم عرضه كعنصر على مستوى الكتلة ، يجب أن يلائم العرض الكامل للحاوية دون تمديد ، ويجب أن يحتفظ بنسبة العرض إلى الارتفاع الأصلية.

يصبح النمط:

<style> img { max-width: 100%; display: block; height: auto; } </style>