Question

在我的响应式网站中，我想控制在移动设备中查看网站的方式，并禁止从横向模式查看。

我在stackoverflow站点中搜索并找到了发出警告消息的选项。

我尝试了下面的css代码，但它没有用。你有什么建议吗？

@media screen and  (max-width: 980px) and (orientation:portrait){
    #warning-message { 
        display:none; 
    }
}

@media screen and  (max-width: 980px) and (orientation:landscape){
    .content { 
        display:none; 
    }
    .mobile {
        display:none; 
    }
    #warning-message { 
        display:block; 
    }
}

Answer 1

当“高度”媒体功能的值大于或等于“高度”时，“方向”媒体功能为“纵向” “宽度”媒体功能的值。否则'方向'就是'风景'。

@media all and (orientation:portrait) { … }
@media all and (orientation:landscape) { … }

来源：https://www.w3.org/TR/css3-mediaqueries/#orientation

如何使用css，query或js

1 个答案: