Не нравятся результаты поиска? Попробуйте другой поиск!
DLE FAQ » Все вопросы » Шаблоны (TPL) » мини профил

мини профил


     14.04.2014    Все вопросы » Шаблоны (TPL)    2283

вопрос
помогите пожалуйста как сделать чтобы при маленьком разрешение экрана было так
мини профил

а при большом так
мини профил

Ответа пока нет


9 комментариев

G-3p
Юзер

G-3p - 14 апреля 2014 13:43 -

Зачем столько проблем? Создайте нормальный шаблон для сайта, а для устройств с небольшим экраном шаблон smartphone, и в админ. панели включите Включить автоматическую поддержку смартфонов

adminfilm
Юзер

adminfilm - 14 апреля 2014 13:56 -

G-3p,
для смартфонов я сделал это для ПК есть такие маленькие мониторы для этого хочу!

Gopr
Юзер

Gopr - 14 апреля 2014 13:58 -

@media (max-width:1024px) {
/* Тут пишем стили для маленького экрана, например: */
.mini_profile {display:none}
}
@media (min-width:1025px) {
/* Тут пишем стили для большого экрана, например: */
.mini_profile {float:right;border-right:solid 1px;padding-right:15px;max-width:240px;top:50px;padding-left:25px;position:relative;}
}

На маленьком экране = 1024px или < 1024px все содержимое .mini_profile будет скрыто.
На большом экране > 1025px все содержимое .mini_profile будет видно, с заданными стилями.
Почему же 1025px? Если значения будут одинаковы min 1024px и max 1024px, то при плавном уменьшении окна браузера будет происходить задержка или спор стилей, одновременно будут срабатывать max и min...

adminfilm
Юзер

adminfilm - 14 апреля 2014 14:31 -

Gopr,
огромное спасибо

adminfilm
Юзер

adminfilm - 14 апреля 2014 14:58 -


Gopr,
есть еще один вопрос если сможешь помоги пожалуйста когда пишу текст без пробелов вот что получается поставил width но не помогает

Gopr
Юзер

Gopr - 14 апреля 2014 15:08 -

Любимые актеры/актрисы: <span style="word-wrap:break-word;">{твой_тег}</span>

adminfilm
Юзер

adminfilm - 14 апреля 2014 15:18 -

Цитата: Gopr
word-wrap:break-word;

ты гений спасибо болшое

fh79655l123
Юзер

fh79655l123 - 14 апреля 2014 16:40 -

Gopr, @media на всех браузерах работает или на каком то другое надо пропичывать??

Gopr
Юзер

Gopr - 14 апреля 2014 17:15 -

Минимальная версия браузеров с CSS 2, CSS 2.1, CSS 3 + древние браузеры на java платформах

Чтобы комментировать - войдите или зарегистрируйтесь на сайте

Похожие вопросы

наверх