Не нравятся результаты поиска? Попробуйте другой поиск!

мини профил


     14.04.2014    Шаблоны (TPL)    1143

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

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

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


Комментарии пользователей (9)

G-3p
13

179 | 40

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

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

adminfilm
18 | 2

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

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

Gopr
10

494 | 164

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
18 | 2

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

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

adminfilm
18 | 2

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


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

Gopr
10

494 | 164

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

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

adminfilm
18 | 2

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

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

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

fh79655l123
11

206 | 25

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

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

Gopr
10

494 | 164

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

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

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

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