CSS在橫向上失敗

Question

我想調整列寬使用媒體查詢，但我不能夠，所以我需要專家的意見，我可以告訴你如果你想要的整個代碼。這個問題發生在我的.cities類和。城市.col，我不能改變寬度，字體大小，圖標大小。 什麼也沒有。

謝謝

CSS代碼：

@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

您需要添加一個單位斷點如此max-width:767px。