如何从上到下将高度降低150？

Question

有一个固定的高度，比如说1000。如果屏幕高度小于1000，则需要从此高度从顶部和底部移除150个像素。如何才能在纯js上做到这一点？

Answer 1

为此，可以使用css媒体查询。

例如，

让我们假设您的代码是

css

.container{
   margin-top:150px;
   height:1000px
   margin-bottom:150px;
}

 @media (max-height: 1000px) { 
    .container{
        margin-top:0px;
        height:1000px;
        margin-bottom:0px;
     }
 }

https://codepen.io/husnuljahneer/pen/poWQPgX