مشکل تصاویر در قالب ریسپانسیو
|
۹-۸-۱۳۹۴, ۰۶:۱۴ عصر
ارسال: #1
|
|||
|
|||
مشکل تصاویر در قالب ریسپانسیو
سلام
من سایتم رو ریسپانسیو نوشتم و تنها مشکلی که الان تو نمایش موبایل داره، تصاویر هستند که به سایز اصلی نشون داده میشن... کسی راه حلی برای این مشکل داره؟ width و اینا هم براش تعیین نکردم. این کدش هست: background: url(../images/bg/130.png) no-repeat; تصویر مربوط به بک گروند یک تیتر هست. ممنون |
|||
۹-۸-۱۳۹۴, ۰۶:۲۹ عصر
ارسال: #2
|
|||
|
|||
RE: مشکل تصاویر در قالب ریسپانسیو
سلام
این دو کد رو برا تصاویرتون تعریف کنید ببینید جواب میده max-width:100%; ;height:auto |
|||
|
۹-۸-۱۳۹۴, ۰۷:۱۳ عصر
ارسال: #3
|
|||
|
|||
RE: مشکل تصاویر در قالب ریسپانسیو
اینارو بعد تصویر اضافه میکنیم
background-repeat:no-repeat background-size:contain background-position:center |
|||
|
۹-۸-۱۳۹۴, ۰۸:۵۴ عصر
ارسال: #4
|
|||
|
|||
RE: مشکل تصاویر در قالب ریسپانسیو
شما می تونید با jquery کد هایی رو تعریف کنید
که مثلا اگه اندازه ی صفحه نمایش کمتر از 768 پیکسل شد اسن عکسارو نشون نده و بره عکس دیگه ایی رو بردا ره و اونا رو نشون بده ! |
|||
|
|
کاربرانِ درحال بازدید از این موضوع: 1 مهمان