CSS fail in Landschaft

Question

Ich möchte die Spaltenbreite mit Medienabfragen ändern, aber ich kann nicht so, ich brauche Expertenrat und ich kann Ihnen ganzen Code zeigen, wenn Sie wollen.Das Problem tritt in meiner .cities Klasse und. Städte .col, ich kann Breite, Schriftgröße, Symbolgröße nicht ändern. Nichts.

Danke

CSS-Code:

@media only screen and (max-width:767) and (orientation:landscape) { 
     /* Styles for Landscape screen */ 
     header { 
      height: 200vh; 
     } 
     header nav li a { 
      font-size: 85%; 
     } 
     .cities .col { 
      display: block; 
      width: 100%; 
     } 
     .cities h3 { 
      font-size: 10%; 
     } 
     .ios-small { 
      font-size: 100%; 
     } 
     .cities .col img { 
      width: 100% 
     } 
     .cities { 
      padding: 0px; 
     } 
     .cities .col { 
      margin-top: 5%; 
      padding-bottom: 2%; 
      width: 100%; 
      transition: width 0.3s; 
     } 
     .cities .col:hover { 
      background: rgba(234, 234, 234, 0.9); 
      color: black; 
     } 
     .cities .col img { 
      width: 100%; 
      height: auto; 
      margin: 0 0 0 0px; 
     } 
     .cities h3 { 
      text-align: left; 
      margin: -4px 0 0 0px; 
      font-size: 100%; 
     } 
     .ios-small { 
      font-size: 20%; 
      font-weight: 200; 
      margin-right: 5px; 
      font-style: italic; 
      color: #e67e22; 
     } 
    } 

This is the Preview of Website in Iphone6 Landscape

Answer 1

Sie müssen so max-width:767px eine Einheit für Ihren Haltepunkt hinzuzufügen.