移动环境中的网站桌面模式

时间:2018-01-15 09:34:26

标签: javascript html css twitter-bootstrap

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

1 个答案:

答案 0 :(得分:1)

简短的回答,你不能,你不应该通过网站控制用户的操作系统行为。

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

或者您可以使用以下代码(取自http://www.quora.com/Can-I-use-Javascript-to-force-a-mobile-browser-to-stay-in-portrait-or-landscape-mode)强制您的布局在纵向模式下看起来像风景:

@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;
  }
}

来源:How do you force a website to be in landscape mode when viewed on a mobile device?