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

标签 javascript html css twitter-bootstrap

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

最佳答案

简而言之,你不能也不应该通过网站控制用户的操作系统行为。
您可以使用以下问题的答案显示警告:强制网站仅以横向模式显示
或者,您可以使用以下代码(取自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?

关于javascript - 移动环境中的网站桌面模式,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/48260200/

相关文章:

javascript - JavaScript 中包含转义序列的正则表达式

javascript - 列出所有可用的 CSS 样式 javascript

javascript - 使用更少的代码来隐藏和显示选择菜单内容的更好方法是什么? javascript

html - 如何包装 primefaces 树表的标题?

html - 在 iframe 中滚动时修复屏幕顶部的 div

javascript - 在 Asp.net 页面上交换图像

javascript - Bootstrap-formhelpers 选择框

javascript - Rails javascript_tag 输出未执行

html - 圆圈在事件时不会改变颜色

javascript - 如何在我自己的网站模板中使用 StackExchange QA 编辑器?