如果仅更改屏幕高度，如何调整页面大小

Question

我有关于响应式页面的问题。我的网站页面在苹果macbook air上看起来很好。然而，当我从母亲的笔记本电脑上看我的网站时，屏幕中断了主页，因为她的屏幕较小。我有响应式图像和用于小屏幕的媒体查询，但我似乎无法使我的页面在较小的屏幕上看起来很好。当我改变屏幕的宽度时，图像会调整大小，如果我只改变高度则不会。为什么不？我尝试通过仅针对较小高度进行媒体查询来解决此问题，但这也无效。如何确保我的页面在较小的高度上看起来也很好？

如果你需要代码，我可以发布它或发送一个github链接，一个或另一个。 :)

Answer 1

您可以通过jquery获取div的高度，并将高度设置为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);
     }
});