在设备更改方向后捕获重新计算的样式

Question

我正在研究用JavaScript编写的移动设备应用程序。我想知道当方向改变时是否有选项可以获得元素宽度的新值。我知道我可以使用$(window).on("orientationchange",function(){});来捕捉方向变化的时刻，但这里不会重新计算css值。我也尝试使用attrchange插件，但方向更改不会导致attrchange事件。

有人克服了这个问题吗？

Answer 1

如果问题是css值，请使用媒体查询：

/* portrait */
@media screen and (orientation:portrait) {
    /* portrait-specific styles */
}
/* landscape */
@media screen and (orientation:landscape) {
    /* landscape-specific styles */
}