Javascript 捕捉设备方向更改后重新计算的样式

我正在开发用JavaScript编写的移动设备应用程序。我想知道是否有一个选项可以在方向改变时获得元素宽度的新值。我知道我可以使用

$（window）.on（“orientationchange”，function（）{}）捕捉方向改变的时刻，但css值不会在此处重新计算。我也尝试使用插件，但方向的改变不会导致属性改变事件

有人解决了这个问题吗？
如果问题是css值使用媒体查询：

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

为什么不使用
$（window）.on（“resize”，function（）{}）
使用
console.log（$（'body'）.width（））
当我的设备处于水平位置时，我的宽度越来越窄，而在相反的情况下，宽度越来越宽，但我正在寻找新的、重新计算的值……我也尝试了这个方法，但没有效果：/最后，遗憾的是，我使用了一个带有一些代码的时间间隔函数来捕捉等待更改的时刻。