Показ div'a в случае захода с мобильного устройства

Что значит нужен? Изучайте и делайте или заказывайте у программистов.

Спасибо за совет, но я думаю может кто-то поделится готовым решением.

---------- Post added 06-02-2015 at 11:49 ----------

В принципе определять мобильное устройство не обязательно, можно и делать отбор по разрешению экрана: http://sauron.org.ua/post/824

Но, код почему-то не работает.

так а что именно не выходит через detectmobile? не выводит див?

<div class="visible-xs visible-sm">

    <div class="big-image">...</div>

</div>

Этот код не работает, который бы выводил div только для меньших экранов (телефоны, планшеты)

---------- Post added 06-02-2015 at 12:12 ----------

<div class="visible-xs visible-sm">

    <div class="big-image">...</div>

</div>

<div class="hidden-lg hidden-md">

    <div class="big-image">...</div>

</div>

так тоже не работает

я так понимаю, что то типа такого нужно вставить

Не обязательно определять мобильное устройство, достаточно задать допустимые размеры:

Мобильные устройства (<768px) — .visible-xs, .hidden-xs

Планшеты (768px — 992px) — .visible-sm, .hidden-sm

Десктопы (992px — 1200px) — .visible-md, .hidden-md

Большие экраны (>1200px) — .visible-lg, .hidden-lg

так будет проще на мой взгляд.

это да, у вас случайно в мета не стоит фиксированная ширина? может из-за этого работать не хочет

Не стоит.

Может, как-то можно по дефолту сделать, если width меньше 768px, то выводит div, если больше - соответственно нет.

тогда через медиа:

@media screen and (max-device-width: 768px) {

.class {

display: block;

}

}

а при остальных скрыть

@media screen and (max-device-width: 768px) {

.class {

display: block;

}

}

Спасибо, аналогично тоже делал, но почему-то не работает:

<style type="text/css">

@media screen and (max-device-width: 768px) {

.class {

display: block;

}

}

</style>



<div class="class">

    .....

</div>