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

12
DarkSpirit
На сайте с 08.11.2008
Offline
96
#11

тогда url нужен, и каким образом проверяете?

romantictourism.in.ua (romantictourism.in.ua)
J
На сайте с 06.07.2011
Offline
169
#12
jano:
Спасибо, аналогично тоже делал, но почему-то не работает:


<style type="text/css">
@media screen and (max-device-width: 768px) {
.class {
display: block;
}
}
</style>

<div class="class">
.....
</div>

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


<style>
.someclass{
display: none;
}

@media (max-width: 768px) {
.someclass{
display: normal!important;
}
}
</style>
<div class="someclass">
any text here
</div>


---------- Post added 06-02-2015 at 13:03 ----------

jano:
Так тоже не работает:


<style>
.someclass{
display: none;
}

@media (max-width: 768px) {
.someclass{
display: normal!important;
}
}
</style>
<div class="someclass">
any text here
</div>

Проверяю легко, просто копирую код в пустой .html.

К примеру в случае выше, я меняю параметр 768px на 7680px, на компьютере не видно "any text here". Соответственно код не рабочий.

Вот рабочий код:

Торможу.


<style type="text/css">
.someclass{
display: none;
}

@media screen and (max-device-width: 768px) {
.someclass {
display: block;
}
}
</style>

<div class="someclass">
.....
</div>

DarkSpirit
На сайте с 08.11.2008
Offline
96
#13

display: normal!important; - такого свойства нету.

display: block; поставьте.

12

Авторизуйтесь или зарегистрируйтесь, чтобы оставить комментарий