پارس جوم :: انجمن های تخصصی جوملا

نسخه‌ی کامل: مشکل تصاویر در قالب ریسپانسیو
شما در حال مشاهده‌ی نسخه‌ی متنی این صفحه می‌باشید. مشاهده‌ی نسخه‌ی کامل با قالب بندی مناسب.
سلام

من سایتم رو ریسپانسیو نوشتم و تنها مشکلی که الان تو نمایش موبایل داره، تصاویر هستند که به سایز اصلی نشون داده میشن...
کسی راه حلی برای این مشکل داره؟
width و اینا هم براش تعیین نکردم. این کدش هست:
background: url(../images/bg/130.png) no-repeat;
تصویر مربوط به بک گروند یک تیتر هست.
ممنون
سلام
این دو کد رو برا تصاویرتون تعریف کنید ببینید جواب میده
max-width:100%;
;height:auto
اینارو بعد تصویر اضافه میکنیم

background-repeat:no-repeat
background-size:contain
background-position:center
شما می تونید با jquery کد هایی رو تعریف کنید
که مثلا اگه اندازه ی صفحه نمایش کمتر از 768 پیکسل شد اسن عکسارو نشون نده و بره عکس دیگه ایی رو بردا ره و اونا رو نشون بده !
لینک مرجع