媒体查询Kindle Fire横向模式与横向模式下的iPad查询

时间:2013-09-18 21:49:21

标签: ipad responsive-design media-queries kindle

我是网络开发和响应式设计的新手,所以这可能是一个愚蠢的问题。不幸的是,我搜索并搜索过,找不到答案。

当我为Kindle Fire横向编写媒体查询时,它会影响iPad格局,反之亦然。我无法将它们分开。我尝试了很多东西,没有任何作用。我在纵向模式或其他设备上没有问题。我认为这是一个问题,因为分辨率重叠,但我认为下面的代码会使它们相互排斥。它没有。

Kindle风景

@media screen and(min-width:600px)and(max-width:1024px){#help {color:red;}}

iPad风景

@media屏幕和(最小宽度:768px)和(最大宽度:1024px){/ 桌面版的默认颜色为白色,因此我不指定此查询中的颜色 /}}

上面的代码会让iPad #help变红。如果我颠倒了订单并将iPad放在第一位且Kindle排在第二位,那么#help在Kindle中是白色的。

下面这段代码让iPad的风景看起来不错,但Kindle已经全部破碎了。

@media screen and(max-width:1024px){/ code /;}}

我做错了什么???我如何编写代码,以便我可以让我的网站在Kindle上看起来没问题而不会弄乱iPad?我需要其他东西,比如javascript吗?

0 个答案:

没有答案