m1410

سوال در مورد رسپانسیو و نسخه موبایل

2 ارسال در این موضوع قرار دارد

با سلام و خسته نباشید

دوستان میخواستم بدونم میشه کاری کرد که بعضی جاهای سایت در گوشی به نمایش در نیاد ؟

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


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

درود .

بله شما می تونید به راحتی با استفاده از media@ در استایل قالبتون ، نحوه نمایش هر DIV و عناصر دیگه ای که می خواهید رو در اندازه های مختلف صفحه نمایش دستگاه کاربر ، تغییر بدید.

 

برای مثال زمانی که عرض صفحه نمایش 320 پیکسل بود ، یک خاصیت برای کلس مورد نظر رو اعمال کنیم. و همچنین اندازه های دیگه. به طور کلی برای موبایل شما می تونید از اندازه های زیر استفاده کنید :

لطفا برای مشاهده code وارد سایت شوید و یا ثبت نام کنید.

در کد استایل بالا ، ما 4 اندازه صفحه نمایشی تعریف کردیم و برای هر کدام یک استایل داخلش گذاشتیم. کلس مثال ما custom-class هست که باید جایگزین class یا ID مورد نظرتون بشه .

البته ما در بالا به صورت فرضی تعریف کردیم که در اندازه های تعیین شده ، عنصر ما با کلس custom-class مخفی بشه . اما شما می تونید در هر اندازه ، استایل های دیگه ای رو هم تعریف کنید که در هر اندازه از صفحه نمایش ، عنصر مورد نظرتون با اندازه ، رنگ و ... مختلفی نمایش داده بشه .

 

اما به طور کلی پاسخ شما به این صورت هست که :

  1. ابتدا باید با استفاده از media یک اندازه مشخص کنیم (این کدها باید در یکی از فایل های css که در سایت خروجی گرفته میشه وارد بشه. برای اینکار می تونید از فایل استایل اصلی قالب استفاده کنید)
  2. سپس برای class مورد نظرمون از display با مقدار none استفاده کنیم تا در اون اندازه مشخص ، اون عنصر به طور کلی مخفی بشه . (مانند مثال کد بالا)

موفق باشید.

پسند شده توسط 1 کاربر

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


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

برای ارسال دیدگاه یک حساب کاربری ایجاد کنید یا وارد حساب خود شوید

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

ایجاد یک حساب کاربری

برای حساب کاربری جدید در سایت ما ثبت نام کنید. عضویت خیلی ساده است !


ثبت نام یک حساب کاربری جدید

ورود به حساب کاربری

دارای حساب کاربری هستید؟ از اینجا وارد شوید


ورود به حساب کاربری

  • چه کسانی در حال بازدید هستند؟   0 کاربر

    هیچ کاربر عضوی،در حال مشاهده این صفحه نیست.