Как сделать отображаемый на лифте div верхний центр карат отзывчивым?

Question

Перейти к http://www1.bloomingdales.com/. Наведите указатель мыши на опцию в главном меню, например «ОБУВЬ» или «РУЧКИ», а div с верхним центральным кадром появится с множеством опций и других ссылок. Очень аккуратно и легко. Я пытаюсь создать аналогичный макет для своего веб-сайта, но при изменении размера экрана вы понимаете, что появление на висячих div на этом сайте совсем не реагирует. Как я могу сделать более отзывчивую версию, которая выглядит нормально на экране, скажем, от 400 до 500 пикселей в ширину, если не меньше. Я говорю о текстовых ссылках и заголовках в этих div и их размере и размещении в div и размещении самого div на экране. В основном сделать дубликат версии http://www1.bloomingdales.com/ подходят и хорошо смотрятся на меньшем экране. Есть идеи? Я не прошу «идеального решения». Больше «быстрого решения сделать делать». Буду признателен за любую оказанную помощь. Заранее спасибо.

Answer 1

Если вы хотите отредактировать свой сайт, чтобы лучше выглядеть на более мелкой пикселизации.

Вы можете использовать следующий код:

@media screen and (min-width: 400px) { 
    body { 
     background-color: lightgreen; 
    } 
} 

Отсюда вы можете просто изменить ширину (Вы сказали, что между 400 - 500) и введите нужный код в скобках. Браузер отобразит эту информацию и соответственно изменится для небольших устройств.