les media queries pour smartphone portrait, le paysage et le bureau?

Je suis en train de mettre les différentes requêtes de média pour smartphone orientation et de bureau, je veux portrait de la cible et du paysage. Je suis conscient de tous les autres de la pile des liens tels a:

Requête de média pour cible la plupart des smartphone
3 questions des médias pour iphone portrait, paysage et portrait ipad

Mais je suis toujours avoir des problèmes, mon paysage n'est-ce pas de travail, c'est le code, je suis en utilisant:

Desktop css first
   -- csss for desk --

Portrait:

   @media only screen and (min-device-width: 320px) and (max-device-width: 479px) {
   body {
      padding: 0 !important;
   }
   .infoShowWrapper {
      width: 268px;
  }
   .heroImage {
      margin-top: 0;
      height: 200px;
      width: 100%;
      background: #fff url(assets/images/hero_small.jpg) no-repeat center center;
  }
  .navbar-fixed-top {
      margin: 0 !important;
  }
  .box-item {
      width: 280px;
  }
  .seaBkg {
      background-image: url(assets/images/mare_2x.jpg);
  }
}

Landscape:

   @media only screen and (min-device-width: 480px) and (max-device-width: 640px) {
   body {
       padding: 0 !important;
   }
   .heroImage {
       margin-top: 0;
       height: 200px;
       width: 100%;
       background: #fff url(assets/images/hero_small.jpg) no-repeat center center;
   }
   .navbar-fixed-top {
       margin: 0 !important;
   }
   .box-item {
       width: 440px;
   }
   .infoShowWrapper {
       width: 440px;
   }
   .seaBkg {
       background-image: url(assets/images/mare_2x.jpg);
   }
}

Le paysage de code est comme de ne même pas arriver considéré comme

OriginalL'auteur rob.m | 2013-07-03