如何根据不同设备的视口高度提供 CSS 规则

Question

如何在 Angular 或任何其他应用程序 CSS/SCSS 中提供响应不同设备视口高度的规则？

视口宽度对@media (max-width: ...) {}来说不是问题，但我如何对这里的高度做出反应？

比如13寸Macbook、15寸Macbook等？

Answer 1

简单就像max-width例如：

@media screen and (max-width: 995px) , screen and (max-height: 700px) {
  ...
}

需要进一步的帮助 Read here