通过javascript设置页面布局

我正在尝试通过javascript以横向格式打印页面。我已经找到了一些解决方案，但这些不符合我的需要

CSS片段@media print{@page{size:scape}}运行良好，但我不确定如何在javascript/jquery中运行它。我之所以尝试通过javascript实现这一点，是因为我需要两个按钮用于打印。一个普通的打印按钮将打印内容，就像它显示的一样，另一个按钮将稍微改变页面并以横向模式打印

简言之： 我想将CSS中调用的页面方向或大小更改为javascript中的横向，但javascript旋转不起作用，因为它还会旋转页面上的文本。有没有一种方法可以在不使用不同布局/CSS创建单独页面的情况下实现我的目标

---

提前感谢。

您可以在另一个样式表上移动该规则，并在单击时动态添加该规则：

$("#printLandscape").on('click',function () {
    $('head').append('<link href="printLandscape.css" title="printLandscape" rel="stylesheet" />');
});

---

要做到这一点，您必须为横向样式表设置一个标题。在本例中，我称之为print横向

您可以在另一个样式表上移动该规则，并在单击时动态添加它：

$("#printLandscape").on('click',function () {
    $('head').append('<link href="printLandscape.css" title="printLandscape" rel="stylesheet" />');
});

要做到这一点，您必须为横向样式表设置一个标题，在本例中，我称之为print横向样式表