Скрыть текст при уменьшении разрешения экрана

Страница 1 из 1 1
Модератор форума: Yuri_G

Сообщество uCoz » Мастерская uCoz » Дизайн: управление шаблонами » Скрыть текст при уменьшении разрешения экрана

excru

Сообщений: 3

Репутация: 0

Сообщение # 1 | 16:30:06 05 Мар 2016

Сайт: exc.my1.ru

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

excru

Сообщений: 3

Репутация: 0

Сообщение # 2 | 16:34:46 05 Мар 2016

Прикрепления: 4584859.png (476.0 Kb)

mrx

Сообщений: 309

Репутация: 51

Сообщение # 3 | 16:55:11 05 Мар 2016

excru, в CSS:

@media screen and (max-width:1200px){#logo {display:none}}

Сообщение отредактировал mrx - Суббота, 05 Мар 2016, 16:55:29

excru

Сообщений: 3

Репутация: 0

Сообщение # 4 | 19:58:11 05 Мар 2016

Цитата 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

Сообщений: 309

Репутация: 51

Сообщение # 5 | 20:13:10 05 Мар 2016

excru, способов много. Можно сделать header в виде таблицы, а внутренние блоки - её эластичными колонками. Можно с помощью flexbox.

Страница 1 из 1
1