رفتن به مطلب
sorina_1100

مشکل در اسلایدشو

پست های پیشنهاد شده

سلام

اسلایدشو سایتم تو نسخه لپ تاپ مشکلی نداره اما تو موبایل از بالا و پایین یکم فاصله میفته رو اسلایدشو ، از دو طرف هم یه مقدار از عکس رو نمایش نمیده

مشکل کجاست؟ ( یه کد برای تمام صفحه شدن و مارجین از طرفین داده شده که روی لپ تاپ درست هست اما نمایش موبایلی رو خراب میکنه )

آدرس سایتم :

http://afrano.ir

ممنون

به اشتراک گذاری این ارسال


لینک به ارسال
به اشتراک گذاری در سایت های دیگر

سلام
دوست عزیز
اولاً از یک اسلاید شو دیگه استفاده کنید شاید بدون نیاز به برنامه نویسی و کد نویسی مشکلتان حل شود.

دوماً این مشکلی که گفتید مربوط به یک دایو هست با این مشخصات <div class="rt-block "> که از بالا و پایین padding گرفته که باید padding از بالا و پایین را صفر کنید. بصورت زیر

div.rt-block{padding-top: 0px !important;padding-bottom: 0px !important;}

اما کد بالا یک مشکل دیگه ایجاد میکنه و باعث میشه در تمامی صفحات نمایش با هر رزولیشنی این padding ها حذف بشه و تنظیم صفحه در بعضی از رزولیشن ها به هم بخوره. به همین خاطر اگر می خواهید دقیقاً برای هر صفحه و هر رزولیشنی موبایل مجزا، تبلت مجزا، لپ تاپ مجزا و کامپیوتر مجزا این padding ها را کنترل کنید باید از مدیا کوئری استفاده کنید. مثلاً
 

@media only screen and (max-device-width:360px){div.rt-block{padding-top: 0px !important;padding-bottom: 0px !important;}}

مثلاً در کد بالا من به مرورگر میگم که فقط برای وسایل و صفحاتی که رزولیشنشان حداکثر 360 پیکسل هست برای دایو مذکور padding بالا و پایین را حذف کن.

به اشتراک گذاری این ارسال


لینک به ارسال
به اشتراک گذاری در سایت های دیگر

به گفتگو بپیوندید

هم اکنون می توانید ارسال داشته باشید و بعد ثبت نام خود را در سایت کامل نمایید. اگر حساب کاربری در سایت دارید، جهت ارسال با حساب کاربری خود هم اکنون وارد سایت شوید

مهمان
ارسال پاسخ به این موضوع ...

×   شما در حال چسباندن محتوایی با قالب بندی هستید.   حذف قالب بندی

  تنها استفاده از 75 اموجی مجاز می باشد.

×   لینک شما به صورت اتوماتیک جای گذاری شد.   نمایش به صورت لینک

×   محتوای قبلی شما بازگردانی شد.   پاک کردن محتوای ویرایشگر

×   شما مستقیما نمی توانید تصویر خود را قرار دهید. یا آن را اینجا بارگذاری کنید یا از یک URL قرار دهید.


×
×
  • افزودن...