Как я могу сделать так, чтобы мой веб-сайт подходил для больших экранов шириной более 1920 дюймов [закрыто] ⇐ Jquery

[Anonymous]

У меня есть веб-сайт, который неправильно масштабируется для экранов с более высоким разрешением.
Я прикрепил его по следующей ссылке:

https://clinsm.github.io/dlaba/
Сайт правильно масштабируется при разрешении до 1920 x 1080. К сожалению, у меня нет экрана с более высоким разрешением, чем тот, который я мог бы протестировать и устранить неполадки. Но кто-то, использующий 16-дюймовый MacBook Pro, прислал мне скриншот сайта, на котором видно, что сайт очень маленького и нечитабельного размера.
Моя попытка решить проблему самостоятельно заключалась в создании другого носителя css. запрос экранов с более высоким разрешением согласно следующему коду:

Код: Выделить всё

@media (min-width: 1921px) {
body {
width: 19vw;
}
/*Basically prepare all the elements for that screen size*/

Я полагаю, что мой метод может занять очень много времени, поскольку мне придется кодировать все элементы сайта. Помогите, пожалуйста, любым способом решения проблемы. Возможно, речь идет о том, чтобы заставить страницы пропорционально заполнять ширину экрана. Ниже приведены скриншоты поведения сайта.
С моего экрана:


С MacBook Pro


С Macbook Pro (с другого сайта для сравнения)



Подробнее здесь: https://stackoverflow.com/questions/790 ... 0-in-width