问属性"@media screen and (取向:screen)“对桌面也有效吗？

EN

只需添加一个最大宽度也。然后，它将是流动的，只在景观。(您将能够将桌面屏幕缩小到此大小，但谁真正会在移动大小的窗口中浏览互联网)

@media screen and (orientation:landscape) and (max-width:480px) {
    width: 100%;
    overflow: hidden;
}

我不完全确定方向是如何计算的，但它似乎是基于窗口的分辨率。尝试调整http://jsfiddle.net/fkyBA/的显示大小，您将看到背景是带有纵向样式的红色，而不是景观样式。我认为这种行为是值得期待的，甚至是有益的。如果需要，可以使用orientation:portrait，但请注意，它也会影响桌面浏览器。

我愿意接受这种行为，而不是抵制它。如果用户碰巧有一个瘦而高的浏览器窗口，他们应该更容易使用您的网站与肖像特定的风格。

直接回答：没有方法只使用css显式地检测移动

而且，随着移动浏览器和屏幕越来越先进，即使使用javascript，也越来越难以区分应用程序的不同之处。

你应该考虑什么可以适合屏幕，以及当视口变小或改变方向时它应该如何组织，而不是使用什么设备。如果用户的设备支持完整的桌面体验，因为它具有更高的分辨率，那么您就不应该试图通过太过努力地检测到这一点来阻止他们。

除了检查方向之外，尝试执行最大宽度和最大高度查询，不要将样式集中在标题“移动或桌面”上，但是“它在这个大小/方向上看起来好看吗?它有用吗？”

如果您遵循这个建议，您的桌面用户也会感谢您，如果他们的分辨率与您预期的不同(对于一些老用户来说很常见，他们降低了分辨率而不是改变字体大小)。

编辑：--然而，如果您认为您确实必须只为移动设备显示某些内容，则可以使用现代化技术并为触摸设备添加样式。