如何在移动设备中查看完整网站而不是移动视图

Question

在移动设备上查看我的网站时，该网站会自动以移动版本查看，就像我下面附带的图片一样

但我需要在桌面视图中查看它，如下图所示。

换句话说，如何在移动设备中查看网站并使用桌面视图时禁用移动视图？

Answer 1

很难说出给出的信息，但也许您正在使用元视口标记：

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

如果您的代码中有类似的内容，请将其删除。如果您的网站不是为响应而设计的，那么添加元视口标记会让用户变得笨拙。

Answer 2

如果您不希望您的身边响应，您可以手动设置视口的宽度。将这样的元标记添加到您的html中：

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

其中1024应该是您的网站看起来不错的宽度。使用此号码，您可以微调网站的外观。

还要记住删除任何其他视口定义（尤其是任何width=device-width）。

您可以查看一下这篇文章：http://webdesignerwall.com/tutorials/viewport-meta-tag-for-non-responsive-design。

Answer 3

如果你只是想在桌面模式/完整网站上查看它（这听起来对我来说是这样的）而不是永久禁用移动视图，那么许多浏览器都支持桌面视图：Android Chrome - ＆gt;点击右上角的三个点，选择“请求桌面版网站”。

Answer 4

如果您使用此metadata，只需删除它，该网站就不会有响应

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

否则您可以添加metadata来设置viewport尺寸：

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

  

您可能需要阅读Responsive Web Design - The Viewport