kindle fire @media

Question

ネイティブのKindle Fireメールクライアントで一意にレンダリングする電子メールをデザインしようとしています。私は、次のメディアクエリを使用して、最初の水平ビューにピックアップすることができる午前：

@media only screen and (min-device-width: 590px) and (max-device-width:1014px){ 
/*kindle*/ 
    #desktop { display:none} 
    #kindle { display:block !important} 
}       

...

<div class="mobile" id="kindle" style="display:none">Kindle Fire</div> 
<div id="desktop">This is the desktop view</div> 

問題は、私が風景にデバイスを回転させたときに、メディアクエリが失われることです、私はそれを戻すときにそれはまだ失われています。私はオリエンテーション条件文を使用しようとしましたが、それはまったく動作していないようです。誰でも何か提案がありますか？

Answer 1

これは私にとっては横長表示には適しているようですが、他のタブレットデバイスとは確認していません。

/** Kindle Fire Landscape **/ 
@media only screen and (min-device-width : 600px) and (max-device-width: 1280px) { 

} 

Answer 2

オリエンテーションベースのCSSは、最小幅または最小高さを使用します。 「デバイス」は使用しないでください。それがあなたを悩ませているのです。デバイス照会で方向変更が検出されません。