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

前端之家收集整理的这篇文章主要介绍了当移动设备旋转时,是否可以使用Javascript / CSS交换样式表?前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我正在开发一个必须考虑移动设备的网站.作为我们头脑风暴的一部分,我们想知道,当观看设备改变方向时,是否有可能检测到移动浏览器(即Mobile Safari或 Android浏览器),并将其用作更改页面内容的触发器?正如这个问题的标题所暗示的那样,我们最好的情况是能够检测方向变化并使用它来动态改变CSS,以便为横向和纵向呈现略微不同的页面.

当然,我们可以设计一个单向看起来很好的页面并明确表示它应该以这种方式查看,但是看起来不错的页面的酷炫因素非常吸引人.

这个想法是否可以实现?实际的?

解决方法

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

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

猜你在找的JavaScript相关文章