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">

Answer 2

我今晚想通了。这可能有助于其他人。我必须在library.php文件中注释掉以下行：

<!--<link rel="stylesheet" href="<?php echo get_template_directory_uri()?>/css/tablet.css" type="text/css" media="screen and (min-width:640px) and (max-width:1023px)" />!-->

在此之后，所有内容都引用了我想要的主要style.css表。我包括两个陈述：

@media only screen and (min-width:641px) and (max-width:1023px) and (orientation:portrait) {

和

@media (max-device-width: 600px) and (orientation: portrait) {

由于我在Blackberry Playbook和iPad上观察到的问题，我不得不介绍第二个@media系列。我只是调整了style.css代码的那些部分中的值，瞧！一切都终于有效了。

这是一个关于不同屏幕尺寸的精彩网站：http://nmsdvid.com/snippets/

iPad肖像css样式不起作用

2 个答案: