kindle fire @media
kindle fire @media
提问于 2011-12-17 00:10:21
我正在尝试设计一封在原生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>问题是，当我将设备旋转到横向时，媒体查询会丢失，当我将其旋转回来时，它仍然会丢失。我试过使用方向条件语句，但似乎根本不起作用。有人有什么建议吗？
回答 2
Stack Overflow用户
发布于 2013-02-16 02:14:29
对于基于方向的CSS，只需使用最小宽度或最小高度。不要使用"device“。这就是让你着迷的东西。设备查询不会检测到方向更改。
Stack Overflow用户
发布于 2012-04-07 00:11:05
这似乎适用于我的景观视图，但我还没有与其他平板电脑设备进行比较。
/** Kindle Fire Landscape **/
@media only screen and (min-device-width : 600px) and (max-device-width: 1280px) {
}页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/8536888
复制相关文章
相似问题
腾讯云开发者
