راکت
mozhgan
mozhgan
6 سال پیش توسط mozhgan مطرح شد
4 پاسخ

فوتر شبکه های اجتماعی

سلام خسته نباشید ... من در پایین فوتر عکس شبکه های اجتماعی گذاشتم ولی میخوام وقتی در حالت موبایل رفت به صورت ستونی در بیاد ودر حالت لارج به بعد به حالت ردیفی باید چی کار کنم ؟... ممنون میشم .


ثبت پرسش جدید
علی بیات
علی بیات
تخصص :توسعه دهنده ارشد وب
@ali.bayat6 سال پیشمطرح شد
1

باید از media query ها در CSS استفاده کنی.. و یا از فریم‌ورکی که این گزینه رو پشتیبانی کنه


mozhgan
mozhgan
@mozhgan.ne6 سال پیشمطرح شد
0

@ali.bayat

ببخشید داخل media query چی باید بنویسم ؟


علی بیات
علی بیات
تخصص :توسعه دهنده ارشد وب
@ali.bayat6 سال پیشمطرح شد
1

media query ها در واقع همون دستورات CSS هستند که هر کدوم برای یک سایز مشخص از اندازه مرورگر عمل میکنند. مثلا

body {
  background-color: black;
}

/* On screens that are 992px or less, set the background color to blue */
@media screen and (max-width: 992px) {
  body {
    background-color: blue;
  }
}

/* On screens that are 600px or less, set the background color to olive */
@media screen and (max-width: 600px) {
  body {
    background-color: red;
  }
}

در حالت عادی پیش زمینه مشکیه.. اگر اندازه مرورگر 992 یا کمتر بشه میشه آبی و اگر ۶۰۰ پیکسل یا کمتر بشه به رنگ قرمر درمیاد..

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

اطلاعات بیشتر در پیوند زیر:
https://www.w3schools.com/css/css3_mediaqueries_ex.asp


mozhgan
mozhgan
@mozhgan.ne6 سال پیشمطرح شد
0

ممنون و مرسی


برای ارسال پاسخ لازم است وارد شده یا ثبت‌نام کنید

ورود یا ثبت‌نام