肖像画と風景の両方で左から右のモバイル対応デザインを設定する

Question

私は、肖像画と風景のモバイルデバイスで動作するモバイルレスポンスデザインで作業しています。

私は以下のようにスタイルを上書きするように指定しました。

@media (max-width: 360px) { 
    #footer { 
     .dropdown-menu { 
       left: 33% !important; 
      } 
    } 

@media (max-width: 480px) { 
    #footer { 
     .dropdown-menu { 
       left: 27% !important; 
      } 
    } 


@media (max-width: 320px) { 
    #footer { 
     .dropdown-menu { 
       left: 13% !important; 
      } 
    } 
@media (max-width: 767px) { 
    #footer { 
     .dropdown-menu { 
       left: 18% !important; 
      } 
    } 

これは機能しませんが、320幅の場合、767の左のスタイルが適用されます。

携帯端末で縦置きと横置きの両方でこの機能を使用する方法を教えてください。あなたはこのような最低に最高の幅から順番を逆にする必要が

Answer 1

：

@media (max-width: 767px) { 
    #footer { 
     .dropdown-menu { 
      left: 18%; 
     } 
    } 
} 

@media (max-width: 480px) { 
    #footer { 
    .dropdown-menu { 
      left: 27%; 
     } 
    } 
} 
@media (max-width: 360px) { 
    #footer { 
    .dropdown-menu { 
      left: 33%; 
     } 
    } 
} 
@media (max-width: 320px) { 
    #footer { 
    .dropdown-menu { 
      left: 13%; 
     } 
    } 
} 

はまた、私はそれがプロパティを上書きする!importantを使用する代わりに、セレクタでプレイしない方が良いと思います。