حذف یک جزء از قالب html از صفحه نمایش های کوچک

حل شد حذف یک جزء از قالب html از صفحه نمایش های کوچک

رای

امین
برنامه‌نویسی و طراحی وب
چهارشنبه, 25 تیر 1393

سلام دوستان

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

در کل باید چیکار کرد که جزئی در HTML فقط در صفحه نمایش های کوچک نشون داده نشه ؟

html
css

بهترین پاسخ

مسعود ذاکری بهترین پاسخ Pending Moderation

کارشناس

رای

پس‌گیری

امین جان شما باید از @media استفاده کنی
برای مثال یه نمونه:

@media all and (max-width: 699px) and (min-width: 520px), (min-width: 1151px) {

  body {

    background: #ccc;

  }

}

با استفاده از @media میتونی تعیین کنی که تو هر عرض و هر طولی چه استایلی اعمال شه مثلا میتونی یدونه برای صفحات موبایل ایجاد کنی و display اسلایدرو توش none کنی
توضیحات بیشتر:
http://css-tricks.com/css-media-queries/

پاسخ‌ها (1)

There are replies in this post but you are not allowed to view the replies from this post.

برای ارسال پاسخ وارد سایت شوید

برای ارسال پاسخ باید لاگین کنید. اگر هنوز ثبت نام نکرده‌اید از طریق این لینک ثبت نام کنید. اینجا ثبت‌نام کنید »

رمزعبور خود را فراموش کرده‌اید

حل شد حذف یک جزء از قالب html از صفحه نمایش های کوچک

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

تبلیغات

کاربران فعال این ماه

جدیدترین پرسش‌ها