Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/432.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
Javascript 移动环境下的网站桌面模式_Javascript_Html_Css_Twitter Bootstrap - Fatal编程技术网

Javascript 移动环境下的网站桌面模式

Javascript 移动环境下的网站桌面模式,javascript,html,css,twitter-bootstrap,Javascript,Html,Css,Twitter Bootstrap,我需要在移动景观视图中强制我的网站进入桌面模式。通过使用meta tag width=“1024”,网站在移动纵向模式下以桌面模式加载,但对于横向模式,它不起作用。简而言之,您不能也不应该通过网站控制用户的操作系统行为 您可以使用以下问题的答案显示警告:强制网站仅以横向模式显示 或者,您可以使用以下代码(取自)强制布局看起来像横向布局,即使在纵向模式下也是如此: 资料来源: @media screen and (orientation:landscape) { #container {

我需要在移动景观视图中强制我的网站进入桌面模式。通过使用meta tag width=“1024”,网站在移动纵向模式下以桌面模式加载,但对于横向模式,它不起作用。

简而言之,您不能也不应该通过网站控制用户的操作系统行为

您可以使用以下问题的答案显示警告:强制网站仅以横向模式显示

或者,您可以使用以下代码(取自)强制布局看起来像横向布局,即使在纵向模式下也是如此:

资料来源:

@media screen and (orientation:landscape) {

  #container {
    -ms-transform: rotate(-90deg); /* IE 9 */
    -webkit-transform: rotate(-90deg); /* Chrome, Safari, Opera */
    transform: rotate(-90deg);
    width: /* screen width */ ;
    height: /* screen height */ ;
    overflow: scroll;
  }
}