css - 如何在 CSS 中为 Ipad 和平板电脑设置纵向和横向媒体查询

Question

当我使用此代码（见下文）时，媒体查询不起作用

@media (min-width: 768px) and (orientation : portrait) { //scss code }

但是当我删除“和（方向：肖像）”部分时，它就可以工作了。IE

//this code works
@media (min-width: 768px) { //scss code }

如何在 CSS 中为 Ipad 和平板电脑设置纵向和横向媒体查询？

PS：我正在为 Web 编写响应式布局，并且正在使用 scss mixins（不知道这是否会影响任何内容。）

标签： csssassmedia-queries

Answer 1

试试这个代码

    @media screen and (min-width: 768px) and (max-width: 992px) { 
    /* STYLES HERE */
    }