How to force desktop view on mobile devices - Bootstrap?

Question

How do i force desktop view on mobile devices with Bootstrap?

I have tried fixing the viewport width to 1024, but still it doesn't work me.

Any Advices?

Answer 1

You just need to set the Viewport

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

Instead of this (Responsive version)

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

Look at here. Should solve your issue.

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

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

Answer 2

Thanks All,

This code works for me:

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

• The best way is to either sent content empty ie

  name="viewport" content=""

or

• Take a variable to have the screen width so that it can work on all the screen sizes

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

Answer 4

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

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