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

Question

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

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

任何建议!!

Answer 1

您只需设置Viewport

即可

<meta name="viewport" content="width=1024">

而不是这个（响应版）

<meta name="viewport" content="width=device-width, initial-scale=1.0">

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

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

SO - how-to-show-desktop-version-on-mobile-screens-in-bootstrap-3

Answer 2

全部谢谢，

此代码适用于我：

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');
}

Answer 3

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

<meta name="viewport" content="width=device-width, initial-scale=0.1">

Answer 4

• 最好的方法是将内容发送为空

  name =“ viewport” content =“”

或

• 采用变量来具有屏幕宽度，以便它可以在所有屏幕尺寸上工作

  name =“ viewport” content =“ width = {screenWidth}”