我是网络开发和响应式设计的新手,所以这可能是一个愚蠢的问题。不幸的是,我搜索并搜索过,找不到答案。
当我为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吗?