我试图使我的自适应CSS样式 仅
在平板电脑和智能手机上起作用。基本上，我有一种桌面风格，一种移动风格：肖像风格和一种移动风格：风景风格。我完全不希望移动样式干扰桌面演示。我玩过无数次媒体查询，但是结果要么移动样式显示在桌面上，要么移动样式仅显示在移动设备上，但只有一组规则（无响应）。有什么办法可以将两者完全分开吗？

我现在拥有的代码如下所示：

/* regular desktop styles */

@media only screen 
and (max-device-width: 600px)
 { ... }

/* mobile only styles when the device is 0-600px in maximum width */

@media only screen 
and (max-device-width: 1000px)
{ ... }

/* mobile only styles when the device is up to 1000px in maximum width */