1

Подскажите как можно сделать что бы когда РАЗМЕР ЭКРАНА становился ниже указанного то один элемент сворачивался а второй показывался(для маленьких мониторов) ?

1 ответ 1

2

Используйте Media Queries и создайте стили для нужных размеров экрана.

Пример:

@media screen and (max-width: 990px) { ... }

@media screen and (max-width: 480px) { ... }

Определите сначала стили для большого экрана, а затем для меньшего размера можете спрятать одни блоки и показать другие.

UPD. фикс для старых ИЕ может понадобиться

P.S. Это CSS решение. В вопросе указан javascript возможно я не совсем корректно понял задачу. Но если она заключается в разном layout для страниц на больших экранах и на маленьких - то можно обойтись без javascript.

7
  • Ок,спасибо,имеется в виду вещь такая же как на facebooke когда при уменьшении страницы(сжимание браузера) уберется правый чат блок, он сворачивается.
    – OverLoader
    17 июл 2012 в 9:27
  • Media Queries штука интересная - работает динамически. Можете сделать тестовую страничку с 2 блоками разного цвета и помучить браузер. Меняя ширину окна у вас будет динамически срабатывать то одни правила стилей, то другие. пример
    – iKuzko
    17 июл 2012 в 9:32
  • Спасибо,а можно как нибудь сделать что бы он именно сворачивался,его свернутый вариант этого блока показывался,это тоже возможно с помощью этой функции ?
    – OverLoader
    17 июл 2012 в 10:03
  • Напишите стили развернутого блока в стилях для больших разрешений и стили "свернутого" блока в секции стилей для маленького экрана. Как-то так
    – iKuzko
    17 июл 2012 в 10:08
  • Спасибо,А вопрос,если блок другой должен показаться когда этот скроется ?
    – OverLoader
    17 июл 2012 в 10:13

Ваш ответ

By clicking “Отправить ответ”, you agree to our terms of service and acknowledge you have read our privacy policy.

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.