如何在移动设备上强制桌面视图 - Bootstrap?

San*_*eep 9 javascript mobile jquery responsive-design twitter-bootstrap-3

如何在移动设备上强制桌面视图 - Bootstrap?

我尝试使用固定端口到1024的视口,但它仍然不适合我.

任何建议!!

Sim*_*mar 13

你只需要设置 Viewport

<meta name="viewport" content="width=1024">
Run Code Online (Sandbox Code Playgroud)

而不是这个(响应版)

<meta name="viewport" content="width=device-width, initial-scale=1.0">
Run Code Online (Sandbox Code Playgroud)

看看这里 应该解决你的问题.

SO - bootstrap-3-desktop-view-on-a-mobile-device

所以 - 如何在bootstrap-3上显示桌面版本的移动屏幕

  • 为什么是1024?你能解释一下吗? (4认同)

Abd*_*sit 9

至于我,我使用这个,我将初始视口比例设置为0.1

<meta name="viewport" content="width=device-width, initial-scale=0.1">
Run Code Online (Sandbox Code Playgroud)

  • 为什么这有效? (4认同)

San*_*eep 6

谢谢大家,

这段代码对我有用:

var viewMode = getCookie("view-mode");
if(viewMode == "desktop"){
    viewport.setAttribute('content', 'width=1024');
}else if (viewMode == "mobile"){
    viewport.setAttribute('content', 'width=device-width,initial-scale=1.0,maximum-scale=1.0,user-scalable=no');
}
Run Code Online (Sandbox Code Playgroud)