joomla - 显示消息以纵向模式旋转手机（用于网站）

Question

我的网站在纵向模式下看起来很糟糕，但在横向模式下还可以。我想向用户显示一条消息，建议用户旋转手机以正确查看页面。我的网站在 Joomla。

有人可以帮我吗？

Answer 1

Joomla 有几个扩展程序可让您显示漂亮的弹出消息。但是使用 Javascript 来检测用户设备是否是纵向的，然后显示一条消息会更容易。

if(window.innerHeight > window.innerWidth){
    alert("Please use landscape!");
}

上面的代码只会显示消息“请使用横向！” 如果用户设备处于纵向模式。在页面顶部运行该 JS 代码，它应该可以正常工作。

编辑：当视口只有 600px 高时，它可以工作：

if(window.innerHeight > window.innerWidth){
    if(window.innerHeight < "600"){
        alert("Please use landscape!");
    }
}