624 B
624 B
title, localeTitle
| title | localeTitle |
|---|---|
| Make an Image Responsive | جعل صورة مستجيبة |
جعل صورة مستجيبة
اتباع التعليمات:
أضف قواعد النمط لعلامة img لجعلها تستجيب لحجم الحاوية الخاصة بها. يجب أن يتم عرضه كعنصر على مستوى الكتلة ، يجب أن يلائم العرض الكامل للحاوية دون تمديد ، ويجب أن يحتفظ بنسبة العرض إلى الارتفاع الأصلية.
يصبح النمط:
<style>
img {
max-width: 100%;
display: block;
height: auto;
}
</style>