【问题标题】:How to provide CSS rules based on viewport height of different devices如何根据不同设备的视口高度提供 CSS 规则
【发布时间】:2020-03-25 01:42:10
【问题描述】:

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

@media (max-width: ...) {} 的视口宽度不是问题,但是这里的高度我该如何反应呢?

比如13寸Macbook、15寸Macbook等?

【问题讨论】:

    标签: css angular sass responsive-design compass-sass


    【解决方案1】:

    简单就像max-width 例如:

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

    更多帮助 Read here

    【讨论】:

    • 酷 :) !同样在这里我直到现在也没有使用它,但是当我开始处理媒体请求时我已经阅读了它:_)干杯!
    猜你喜欢
    • 2016-09-25
    • 1970-01-01
    • 2015-07-03
    • 2011-09-27
    • 2013-07-12
    • 1970-01-01
    • 1970-01-01
    • 2016-11-17
    • 1970-01-01
    相关资源
    最近更新 更多