CSS媒体查询高度大于宽度或宽度大于高度（或如何使用JavaScript模拟）
如今，大多数台式机和笔记本电脑屏幕的宽度大于高度。屏幕是“宽”而不是“高”。智能手机通过使手机的方向影响内容的呈现方式做了一些很酷的事情。
我想通过媒体查询来实现这一点，这样如果一个使用具有大屏幕的Mac的人将浏览器窗口调整得很“高”（高度大于宽度），他们将看到一个页眉和页脚。但是如果他们全屏或者“宽”（宽度大于高度），他们将看到一个左侧的侧边栏，可能还有右侧的侧边栏。
我正在尽可能充分利用宽屏和方向等功能。如何通过媒体查询或JavaScript来实现这一点？
