css - iPad 肖像 CSS 样式不起作用

Question

当通过 iPad 处于纵向模式时，我需要向左浮动一个 div。无论插入什么代码，都不会发生任何变化。这是我正在做的:

 @media only screen and (min-device-width: 768px) and (max-device-width: 1024px) {
  .logos{
     float: left;
   }
 }

我正在处理的站点:http://rachelsilberman.com/rob-anolik/

当有人在使用 iPad 时，“logos”div 会向下推，我需要它向左浮动，以便与联系人 div 对齐。

我一直在使用 ipadpeek.com 查看结果，因为我自己没有。希望这不会产生影响。

谢谢!

Answer 1

您应该将属性添加到您的 ipad css，如下所示:

    @media only screen and (min-device-width: 768px) 
and (max-device-width: 1024px) and (orientation:portrait) {
      .logos{
         float: left;
       }
     }

IPAD CSS 的一般规则如下:

<link rel="stylesheet" media="all and (orientation:portrait)" href="portrait.css">
<link rel="stylesheet" media="all and (orientation:landscape)" href="landscape.css">