我正在创建一个响应式设计网页，并且我想确保针对不同的设备和方向正确进行所有媒体查询。
此文章建议尝试使用最小宽度和最小高度的媒体查询。并为不同的分辨率设置不同的断点。
screen orientation for multiple tablets with fluid design
尽管，我发现这种方法的方向（请参见下文）。我应该使用这种方法还是上面的方法？我应该使用@media屏幕，还是应该考虑所有vs屏幕？
@media screen and (min-width: 700px) and (orientation: landscape) { ... }
屏幕方向是一个有趣的方向，因为它并不总是由设备/浏览器报告的，因此它的使用不如最小宽度/最大宽度可靠。
另一件事是，除非您在设备处于横向状态时尝试进行特别时髦的操作，否则仅根据宽度断点调整设计通常就足以获得所需的效果。
[如果您有景观设备，那么可以让设计像在纵向上具有相同水平空间的人像一样显示。也就是说，这对于用户而言不会是意外行为。
关于介质all与screen，我通常只是坚持使用屏幕，因为用户想要执行类似打印页面的操作，所以我不一定希望我的断点来干扰它。
尽管如此，您应该为用户考虑最常见的用例，并据此做出决定。如果它只是常规的Web应用程序/页面，那么仅使用screen而不用担心orientation根本没有任何错误。