如何在移動設備上強制使用桌面視圖 - Bootstrap？

Question

如何使用 Bootstrap 在移動設備上強制執行桌面視圖？

我已經嘗試將viewport寬度固定為 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

• 最好的方法是要么發送內容為空，即

  名稱=“視口”內容=“”

要么

• 取一個變量來獲得屏幕寬度，以便它可以在所有屏幕尺寸上工作

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

Answer 4

至於我，我使用這個我將初始視口比例設置為0.1

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