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

Catch recalculated styles after orientation of device changed

本文关键字：新计算 计算 样式 方向      更新时间：2023-09-26

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

有人能克服这个问题吗？

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

/* portrait */
@media screen and (orientation:portrait) {
    /* portrait-specific styles */
}
/* landscape */
@media screen and (orientation:landscape) {
    /* landscape-specific styles */
}
相关文章：