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

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

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


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

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


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

@ali.bayat

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


علی بیات
تخصص : توسعه دهنده ارشد وب
@ali.bayat 5 سال پیش مطرح شد
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.ne 5 سال پیش مطرح شد
0

ممنون و مرسی


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

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