如何在移动设备而非移动视图中查看整个网站

Question

When viewing my site on mobile device, the site is automatically viewed in mobile version, like the image i have attached below

But i need to view it in desktop view like the image below.

In other words, how to disable mobile view when the site is viewed in mobile device and use the desktop view instead?

Answer 1

It's hard to tell with the information given, but perhaps you're using the meta viewport tag:

<meta name="viewport" content="width=device-width">

If you have something like that in your code, remove it. If your website isn't designed to be responsive, then adding in the meta viewport tag will awkwardly zoom users in.

Answer 2

If you don't want your side responsive, you can manually set a width for the viewport. Add a meta tag like this into your html:

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

where 1024 should be a width that your site looks good. With this number, you can fine tune the appearance of your site.

Also remember to remove any other viewport definitions(especially any width=device-width ).

You may have a look at this article: http://webdesignerwall.com/tutorials/viewport-meta-tag-for-non-responsive-design .

Answer 3

如果您只是想在台式机模式/整个站点上进行测试（对我而言就是这样），并且不想永久禁用移动视图，那么许多浏览器都支持桌面视图：Android Chrome->点击右上角三个点，选择“请求桌面站点”。

Answer 4

If you are using this metadata ,just remove it and the site won't be responsive

<meta name="viewport" content="width=device-width">

otherwise you can add metadata for setting your viewport size :

<meta name="viewport" content="width=your-size-in-number">

You may want to read Responsive Web Design - The Viewport