Javascript 网页定向后重新加载网站

我有一个单页响应的网站，我不希望它在页面定向后重新加载/刷新。如何防止这种情况发生？

将这段javascript添加到页面：

$(window).on('load', function() {
    switch(window.orientation){
      case -90:
        contentType = "rotated-right";
      break;

      case 90:
        contentType = "rotated-left";
      break;
    }
    $('html').removeClass('rotated-left').removeClass('rotated-right').addClass('rotated-' + orientation)
});

这个css：

html.rotated-right {
  transform: rotate(90deg);
  -webkit-transform: rotate(90deg);
}

html.rotated-left {
  transform: rotate(-90deg);
  -webkit-transform: rotate(-90deg);
}

---

默认情况下不会重新加载，请显示您的代码…防止什么-页面重新加载？当你改变方向时，它通常不应该重新加载。在什么类型的设备上，在什么类型的浏览器中？您的意思是不希望页面适应页面方向变化时的新屏幕宽度？（这不是重新加载/刷新。）如果是，并且假设您在CSS中定义媒体断点，那么您可以在媒体查询中包含方向状态。欢迎使用so。请分享你的代码和/或一个实例，它极大地提高了你获得答案的机会。我非常希望它在页面定向时能像yahoo.com一样发挥作用。正如您所看到的，在横向/纵向模式下，他们的页面不会重新加载/刷新。我正在Safari的ipad上测试我的网站。url:Yahoo网站对我来说和你的网站完全一样。你说的“重新加载/刷新”是什么意思？我说的“刷新/重新加载”是指当你单击地址栏中的刷新箭头时。因此，它不会为我重新加载。