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

【问题标题】：How to force desktop view on mobile devices - Bootstrap?如何在移动设备上强制桌面视图 - Bootstrap？
【发布时间】：2015-07-10 07:03:12
【问题描述】：

如何使用 Bootstrap 强制移动设备上的桌面视图？

我已尝试将 viewport 宽度修复为 1024，但仍然无法正常工作。

有什么建议吗？

【问题讨论】：

标签： javascript jquery mobile twitter-bootstrap-3 responsive-design

【解决方案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

【讨论】：

我的要求是在“桌面页面视图”底部有链接的响应页面。单击该链接，我的页面内容应该显示为桌面页面。并且我尝试将 Viewport 设置为 1024，但它不起作用
这对我不起作用。页面在设备之间的宽度仍然不同，所以我无法居中。我正在使用 Google Chrome 的内置移动测试仪进行测试
为什么是 1024？你能解释一下吗？

【解决方案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');
}

【讨论】：

他的新问题已被删除：P

【解决方案3】：

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

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

【讨论】：

【解决方案4】：

最好的方法是发送内容为空，即

name="viewport" content=""

或

取一个变量来设置屏幕宽度，这样它就可以在所有屏幕尺寸上工作

name="viewport" content="width= {screenWidth}"

【讨论】：