在移动设备上显示桌面版本的网站答案

【问题标题】：Website showing desktop version on mobile在移动设备上显示桌面版本的网站
【发布时间】：2014-07-29 17:08:48
【问题描述】：

当我更改浏览器窗口的宽度时，我的网站显示出良好的响应行为。我还在this studio press responsive testing tool 的不同视口宽度下检查了它，它似乎工作正常。然而，当我的一些客户在不同的手机特别是 Galaxy S3 上检查它时，他们看到的是桌面版网站，而不是移动版。

谁能指出我错过了什么。

【问题讨论】：

请不要链接到您的网站。问题应该是独立的。请阅读：meta.stackoverflow.com/questions/125997/…

标签： css mobile desktop

【解决方案1】：

您需要一个视口元标记来告诉设备它应该以什么比例显示您的网站：

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

【讨论】：

它不适用于 XHTML。在 XHTML 中，标记肯定应该被关闭 ''。 <meta name="viewport" content="width=device-width,initial-scale=1.0"></meta>