Parse Error @media only screenと（orientation：landscape）

Question

私はこのメディアクエリーを持っています。css：何とか検証をパスしませんが、オリエンテーションクエリーを取り出すと、正常に検証されます。私はそれに間違って何かを見つけることはできません。すべての中括弧はバランスが取れていますが、何が間違っているのでしょうか？

/*メディアクエリー--- MOB */

@media screen and (min-width:200px) and (max-width: 640px) { 
/* ....CSS classes.... */ 

@media only screen and (orientation: landscape) {  
    .loginImgDiv { 
    margin-left: 70%; 
    width:100%; 
    height:auto; 
    } 
    } /* End of @media only screen and (orientation: landscape)*/ 
    @media only screen and (orientation: portrait) { 
    .loginImgDiv { 
    margin-left: 45%; 
    width:100%; 
    height:auto; 
    } 
    } /* End of @media only screen and (orientation: portrait)*/ 
} /*End of media query---MOB */ 

Answer 1

私はあなたがそれらを

チェックこのリンクにorientation reference

変更、それを混在させることはできません両方の向きを分離する必要があると思います続く

@media screen and (min-width:200px) and (max-width: 640px) and (orientation:landscape){ 
/* ....CSS classes.... */ 


    .loginImgDiv { 
    margin-left: 70%; 
    width:100%; 
    height:auto; 
    } 
} 
@media screen and (min-width:200px) and (max-width: 640px) and (orientation:potrait){ 
    .loginImgDiv{ 
    margin-left: 45%; 
    width:100%; 
    height:auto; 
    } 
    } /* End of @media only screen and (orientation: portrait)*/ 
/*End of media query---MOB */ 

希望があれば