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 просто используйте минимальную или минимальную высоту. Не используйте «устройство». Это то, что тебя пугает. Запросы устройств не определяют изменения ориентации.