Как я могу изменить размер страницы только при изменении высоты экрана?

Question

У меня вопрос по отзывчивым страницам. У меня есть страница для моего сайта, которая отлично смотрится в эфире яблочного макбука. Однако, когда я смотрел на свой веб-сайт с ноутбука моей матери, экран частично обрезал домашнюю страницу, потому что ее экран меньше. У меня есть адаптивные изображения и использовались медиа-запросы для маленьких экранов, но я не могу заставить свою страницу выглядеть хорошо, когда она на меньшем экране. Размеры изображений меняются, когда я меняю ширину экрана, только если я меняю только высоту. Почему бы и нет? Я попытался исправить это, выполнив медиа-запрос только для небольших высот, но это тоже не сработало. Как я могу убедиться, что моя страница также хорошо выглядит на меньших высотах?

Если вам нужен код, я могу опубликовать его или отправить ссылку на github, одну или другую. :)

Answer 1

Вы можете взять высоту div с помощью jquery и установить высоту css. Вы можете следовать приведенному ниже коду и настроить его по-своему.

 $(window).on("scroll",function(e){
    var scroll = $(window).scrollTop();    
    if (scroll > 100 ) {
         var height = $('.height-of-the-div-you-want').innerHeight();
         // alert(height);
         $('.set-this-height-dynmicallty').css('height', height);
     }
});