Элементы веб-сайта становятся скрытыми при 125% рекомендуемом увеличении для ноутбука

#screen-resolution

#разрешение экрана

Вопрос:

Проект, над которым я работал, содержит элементы в виде прокрутки. Как показано ниже —

введите описание изображения здесь

Но некоторые ноутбуки поставляются с 125% рекомендуемым увеличением для разрешения 1920 X 1080 —

введите описание изображения здесь

При использовании этого 125%-ного рекомендуемого увеличения элементы в прокрутке, очевидно, становятся скрытыми.

введите описание изображения здесь

Есть решение для этого?

Комментарии:

1. Нам понадобится посмотреть некоторый код, если вам нужна какая-либо помощь.

2. @ecg8 Мне просто интересно, какой код я должен опубликовать для этого вопроса, связанного с проблемой процентного увеличения ноутбука.

3. Вы пометили вопрос как CSS и медиа-запросы, поэтому начните с публикации соответствующих CSS и медиа-запросов.

Ответ №1:

Приведенный ниже медиа-запрос несколько облегчит проблему.

 @media only screen and (min-device-width: 900px) and (max-device-width: 1600px) {
   Add styles here.
}