سلام
من از کلاس img-responsive برای ریسپانسیو کردن عکس های سایت استفاده کردم اما با کوچک شدن صفحه، عکس ها کوچک نمی شه. مشکل از کجا می تونه باشه؟
سلام
من از کلاس img-responsive برای ریسپانسیو کردن عکس های سایت استفاده کردم اما با کوچک شدن صفحه، عکس ها کوچک نمی شه. مشکل از کجا می تونه باشه؟
خوب دوست عزیز کدهاتو بگذار
کد HTML:<p> <img src="Images/reception2.jpg" class="imgContent img-responsive" alt="پذیرش هتل" /> مسافران عزیز می توانند با عضویت در بخش عضویت مسافران از بلیط های ارزان قیمت هواپیما مطلع شوند و در صورت نیاز اقدام به خرید بلیط آنلاین هواپیما بنمایند. هدف اصلی این سایت اطلاع رسانی بلیط های چارتری؛ که در لحظات نزدیک به پرواز هنوز فروخته نشده اند می باشد. این اطلاع رسانی از سه طریق پیامک، ایمیل و وب سایت، به صورت رایگان می باشد. مسافران محترم همجنین می توانند لیست پرواز های موجود را در سایت مشاهده نمایند. </p>
.imgContent
{
float: left;
margin-right: 20px;
}
آخرین ویرایش به وسیله e_a_23 : جمعه 15 فروردین 1393 در 13:59 عصر
باید بین این بنویسی مثلا صفحه نمایش 480 پیکسل
@media only screen and (max-width: 480px) {
//کدهای مورد نظر برای صفحه نمایش 480 پیکسل
}
از فریمورک استفاده میکنید؟ چه فریمورکی؟
بله از بوت استرپ استفاده می کنم.
کدهاتون رو از نظر استاندارد W3C کنترل کنید.
همچنین ببینید بدون کلاس imgContent که اضافه کردید کار میکنه یا نه.
بدون imgContent هم کار نمی کنه.