Страница 1 из 11
Модератор форума: Yuri_G 
Сообщество uCoz » Мастерская uCoz » Дизайн: управление шаблонами » Скрыть текст при уменьшении разрешения экрана
Скрыть текст при уменьшении разрешения экрана
excru
Сообщений: 3
Репутация: 0

Сообщение # 1 | 16:30:06
Сайт: exc.my1.ru

Подскажите кто-нибудь, как сделать, чтобы текст "Продажа и сервисное обслуживание множительной техники" уменьшался при уменьшении разрешения экрана? или как скрыть текст? А то при разрешении структура сайта нарушается. Буду очень благодарен за любые идеи!
excru
Сообщений: 3
Репутация: 0

Сообщение # 2 | 16:34:46
Прикрепления: 4584859.png(476Kb)
mrx
Сообщений: 288
Репутация: 45

Сообщение # 3 | 16:55:11
excru, в CSS:

@media screen and (max-width:1200px){#logo {display:none}}
Сообщение отредактировал mrx - Суббота, 05 Мар 2016, 16:55:29
excru
Сообщений: 3
Репутация: 0

Сообщение # 4 | 19:58:11
Цитата mrx ()
@media screen and (max-width:1200px){#logo {display:none}}

"max-width" почему-то распознает как "width", в чем может быть проблема?

Добавлено (05 Мар 2016, 18:54:11)
---------------------------------------------

Цитата mrx ()
@media screen and (max-width:1200px){#logo {display:none}}

"max-width" почему-то распознает как "width", в чем может быть проблема?

Добавлено (05 Мар 2016, 19:58:11)
---------------------------------------------
Другими словами спрошу: Как сделать блок "эластичным", чтобы при уменьшении экрана, соседние блоки его сжимали, а текст перестраивался?

mrx
Сообщений: 288
Репутация: 45

Сообщение # 5 | 20:13:10
excru, способов много. Можно сделать header в виде таблицы, а внутренние блоки - её эластичными колонками. Можно с помощью flexbox.
Сообщество uCoz » Мастерская uCoz » Дизайн: управление шаблонами » Скрыть текст при уменьшении разрешения экрана
Страница 1 из 11
Поиск: