Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/84.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Jquery 如何使用javascript更改页面方向?_Jquery_Css_Javascript - Fatal编程技术网

Jquery 如何使用javascript更改页面方向?

Jquery 如何使用javascript更改页面方向?,jquery,css,javascript,Jquery,Css,Javascript,我正在开发一个全屏视频网站。当用户使用智能手机访问网站时,我想将页面方向更改为横向模式。我尝试了使用css媒体定位,但没有成功 请帮助我使用javascript进行此操作。如果您想更改pdf的方向,请说 var pdf = new BytescoutPDF(); pdf.pageSetOrientation(BytescoutPDF.PORTRAIT); // BytescoutPDF.PORTRAIT = portrait, BytescoutPDF.LANDSCAPE = landscap

我正在开发一个全屏视频网站。当用户使用智能手机访问网站时,我想将页面方向更改为横向模式。我尝试了使用css媒体定位,但没有成功


请帮助我使用javascript进行此操作。

如果您想更改pdf的方向,请说

var pdf = new BytescoutPDF();

pdf.pageSetOrientation(BytescoutPDF.PORTRAIT); // BytescoutPDF.PORTRAIT = portrait, BytescoutPDF.LANDSCAPE = landscape
    pdf.pageAdd();

    pdf.textAdd(50, 50, 'Portrait page orientation', 0);

    // add a page with landscape orientation
    pdf.pageSetOrientation(BytescoutPDF.LANDSCAPE);
    pdf.pageAdd();

    pdf.textAdd(50, 50, 'Landscape page orientation', 0);

    // return BytescoutPDF object instance
    return pdf;

您不能更改页面您是指设备吗?方向,您只能检测它,然后相应地修改样式。

使用css旋转页面如何

-webkit-transform:rotate(-90deg);
-moz-transform:rotate(-90deg);
-ms-transform:rotate(-90deg);
-o-transform:rotate(-90deg);
transform:rotate(-90deg);

此链接可能对您有所帮助。这与视频无关。谢谢兄弟。但当我使用智能手机浏览器打开网站时,它不起作用。您需要首先检测设备,根据这一点,将上述css放在正文上,并相应调整css的其余部分。我个人为这些实例创建了一个单独的css文件,并在检测到设备时加载它。