کد Css برای رسپانسیو کردن تصاویر

برای رسپانسیو کردن تصاویر در وبسایت (عدم بهم ریختگی اندازه تصاویر در پلتفورم های مختلف مثل موبایل ، تبلت کامپیوتر)به راحتی میتوانید با یک قطعه کد کوتاه در CSS

تنها کافیست از کد زیر در فایل Style.css خود و یا بخش CSS سفارشی در پنل ورد پرس خود استفاده کنید.

img {

max-width: 100%;

height: auto;

}

این کد از max-width: 100% استفاده میکند تا اجازه ندهد عرض تصویر بیشتر از عرض والدش شود. اگر عرض والد کمتر از عرض تصویر باشد، عرض تصویر هم به همان نسبت کم خواهد شد. height: auto هم باعث می شود تا متناسب با کم شدن اندازه عرض تصویر، ارتفاع تصویر هم کم گردد.​