Как скрыть элемент?

Question

[Space]

Всем доброго времени суток.
Вот мне надо скрыть элемент,
делаю вот так:
.clickdesk_bubble {
display: none !important;
}

Но как мне его скрыть если ширина экрана меньше 300px? Все забыл уже.

Answer 1

[Sali_cat]

это прочитай или вот это, поддержка с css3, если хочешь большую поддержку ищи js скрипты или используй сразу js.

Comments

[Space]

а есть примеры js?

Answer 2

[Евгений Самойленко]

А почему бы не воспользоваться css media queries???

@media screen and (max-width: 300px) {
   .clickdesk_bubble {
         display: none;
   }

Comments

[Space]

именно это, так и делал, спасибо!

[Sali_cat]

Вот тебе сделали готовый вариант, но тебе стоит почитать то что я скинул тебе.
А то будет фигня, просто не сработает.

[Евгений Самойленко]

@Sali_cat ++ теория всегда важна

Answer 3

[Никита]

через jq посмотрите ширину экрана $(document).width()

if ($(document).width()<300)
{
$('.clickdesk_bubble').hide();
}

или можно без использования jq, на чистом js

Comments

[Sali_cat]

Зачем?

[Sali_cat]

если и писать через js, то без библиотеки, это +33кб если сервак хорошо настроен.

[Space]

Высота то здесь причем

[Space]

И сам элемент

[Евгений Самойленко]

@ruslite чувак просто высоту с шириной спутал, бывает))

[Sali_cat]

@samoilenkoevgeniy Не проснулся еще)

[Space]

@Sali_cat кто не проснулся, акому спать пора) Уже 20 30)