我是 Web 开发和响应式设计的新手，所以这可能是一个愚蠢的问题。不幸的是，我已经搜索和搜索并找不到答案。
当我为 Kindle Fire 风景写一个媒体查询时，它会影响 iPad 风景，反之亦然。我无法将它们分开。我尝试了很多东西，但没有任何效果。我在纵向模式或其他设备上没有问题。我认为这是一个问题，因为分辨率重叠，但我认为下面的代码会使它们相互排斥。它没有。
Kindle 风景
@media screen and (min-width: 600px) and (max-width: 1024px){ #help{color: red;}}
iPad横屏
@media screen and (min-width: 768px) and (max-width: 1024px){/桌面版的默认颜色是白色，所以我没有在这个查询中指定颜色/}}
上面的代码将使 iPad #help 变为红色。如果我颠倒顺序并把 iPad 放在第一位，Kindle 放在第二位，那么#help 在 Kindle 中是白色的。
下面这段代码让 iPad 的风景看起来不错，但 Kindle 都坏了。
@media screen and (max-width: 1024px){/ code /;}}
我究竟做错了什么？？？如何编写代码，以便在不弄乱 iPad 的情况下让我的网站在 Kindle 上看起来正确？我还需要别的东西吗，比如 javascript？