Question

我对响应页面有疑问。我的网站页面在苹果Macbook上看起来不错。但是，当我从母亲的笔记本电脑上浏览网站时，由于她的屏幕较小，因此该屏幕将主页部分切断了。我有响应式图像，并在较小的屏幕上使用了媒体查询，但是当页面在较小的屏幕上时，我似乎无法使页面看起来不错。当我更改屏幕宽度时，图像会调整大小，但仅更改高度时不会更改。为什么不？我试图通过仅对小高度进行媒体查询来解决此问题，但这也不起作用。如何确定我的页面在较小的高度上也看起来不错？

如果您需要代码，可以将其发布或发送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);
     }
});

仅在更改屏幕高度时如何调整页面大小

1 个答案: