移动设备旋转时是否可以使用 Javascript/CSS 交换样式表？

Question

我正在开发一个必须在设计时考虑到移动可访问性的网站。作为我们头脑风暴的一部分，我们想知道是否有可能检测到移动浏览器（即移动 Safari 或 Android 浏览器）何时查看设备改变了方向，并将其用作更改页面内容的触发器？正如这个问题的标题所暗示的那样，我们最好的情况是能够检测方向变化并使用它来动态更改 CSS，以便为横向和纵向呈现稍微不同的页面。

当然，我们可以只设计一个看起来不错的页面，并明确表明它应该以这种方式查看，但是无论哪种方式看起来都不错的页面的酷元素因素非常吸引人。

这个想法可以实现吗？实用吗？

Answer 1

是的，这是在more general question. 中回答的

总而言之，您可以使用 Javascript 监听 orientationchange 事件，并根据 window.orientation 的值在事件处理程序中切换样式。

Answer 2

您也可以使用媒体查询来执行此操作，而无需任何 JS - 请参阅 http://davidbcalhoun.com/2010/dealing-with-device-orientation

Answer 3

制作一种在任何情况下都能调整的流畅风格..

您必须更详细地描述您想要解决的问题，以便我们提出更详细的答案。