代码之家 › 专栏 › 技术社区 › Faizal Hussain

如何在横向视图上处理媒体查询

media-queries css html

Faizal Hussain · 技术社区 · 8 年前

你好,朋友们,我有一个网站,其中有两个标题,一个标题显示在mob视图上,另一个显示在桌面视图上。我用@媒体来隐藏和显示标题,在我倾斜手机之前效果很好。当我倾斜手机时,隐藏的标题会弹出,这是我使用的一段代码。

 @media only screen and (max-width:767px)  {

.mobcat{
    display: none;

}

1 回复 | 直到 8 年前

Friday Ameh 8 年前

您可以简单地添加 (orientation: landscape) 像这样的问题

    @media only screen and (max-width:767px)  and (orientation: landscape)   
    {
    .mobcat{ 
          display: none;
           }
    }

或

 @media (max-width:767px) and (orientation: landscape) { 
        .mobcat{ 
              display: none;
               }
       }

推荐文章

Faizal Hussain · 如何在横向视图上处理媒体查询

8 年前

nCardot · 为什么是!h1元素媒体查询工作所需的重要信息?[副本]

8 年前

CDNthe2nd · HTML、CSS和媒体查询-在Chrome和firefox上调整大小是不同的

8 年前

Nathan Perigreth · 如何确定用于媒体查询的确切值?

8 年前

Gabriel Morais · CSS未应用媒体查询

8 年前

Alberto Soto · 媒体查询加载时动态激活/禁用脚本并调整窗口大小

8 年前

DarkFenix · 为什么@custom media不在sass中应用相应的样式

8 年前

Bariq Dharmawan · 基于mobile first创建网格时出现问题

8 年前

Dtrx · 媒体查询在我的情况下不起作用

8 年前

devesh kumawat Dakshesh Khatri · 如何仅获取特定专辑的歌曲

8 年前