آموزش های این وب سایت به صورت رایگان در دسترس است. اطلاعات بیشتر
بروز خطا
   [message]
اشتراک در سوال
رای ها
[dataList]

کوچک شدن صفحه نمایش و انجام یک عمل خاص

یاسر   9 سال پیش  9 سال پیش
0 0

سلام دوستان

میخواستم وقتی صفحه نمایش از یک اندازه خاص کوچکتر شد، یک خاصیت در یک کلاس تغییر کند (از طریق css) چطوری میتونم این کارو بکنم؟

مثلا وقتی صفحه نمایش کوچکتر از 500px شد رنگ متن navbar تغییر کنه

 برای این سوال 1 پاسخ وجود دارد. مشاهده پاسخ صحیح
پاسخ به سوال 
سجاد عباسی  9 سال پیش
+3 0

 پاسخ صحیح

با استفاده از media query ها میتونین این کار رو انجام بدید:

 
<!-- CSS media query on a link element -->
<link rel="stylesheet" media="(max-width: 800px)" href="example.css" />

<!-- CSS media query within a stylesheet -->
<style>
@media (max-width: 600px) {
  .facet_sidebar {
    display: none;
  }
}
</style>

منابع: link link  link

+1 0
ممنون از شما مشکلم حل شد با این کد (9 سال پیش)

پاسخگویی و مشاهده پاسخ های این سوال تنها برای اعضای ویژه سایت امکان پذیر است .
چنانچه تمایل دارید به همه بخش ها دسترسی داشته باشید میتوانید از این بخش لایسنس این آموزش را خریداری نمایید .