میدونید که تصاویر همیشه یکی از بحث های چالش برانگیز در طراحی سایت های ریسپانسیو هستند پس در این مطلب میخوایم یه راه حل برای حل این مشکل تصاویر ریسپانسیو هست رو بررسی کنیم. به عنوان نمونه وقتی شما سایتتون رو در سایزهای مختلف مشاهده می کنید برخی تصاویر در مطالب و نوشته ها وجود دارند که از کادر بیرون میزنند و کل ظاهر سایت به هم میریزه. ساده ترین راه حل استفاده از کد زیر در فایل استایل css قالبتونه.
img {
max-width: 100%;
height: auto;
}
کد زیر هم مکمل کننده کد قبلی می باشد:
.alignright {
float: right;
}
.alignleft {
float: left;
}
.aligncenter {
clear: both;
margin-left: auto;
margin-right: auto;
}
برای ارسال دیدگاه شما باید وارد سایت شوید.