Javascript onorientationchange not“；“检测”；肖像

我试图确定为什么

onorientationchange

在我的代码中不起作用，所以我制作了这个小测试文件

出于我不理解的原因和逻辑，它没有检测屏幕的“纵向”方向

我们将非常感谢您的任何帮助

多谢各位

var maxW=window.screen.availWidth；
var maxH=window.screen.availHeight；
addEventListener（“方向更改”，函数（）{
if（maxW
*{
框大小：边框框；
}
#盒子{
左：50%；
最高：50%；
宽度：100px；
高度：100px；
背景色：红色；
位置：相对位置；
}
#内在的{
位置：相对位置；
文本对齐：居中；
字号：26px；
字体大小：粗体；
最高：34%；
}

试验
您应该将
maxW
和
maxH
的定义放在侦听器中。目前，当页面刚刚加载时，它们只被读取一次。这就解决了问题。谢谢，把这个做成一个礼物，我会接受的。