在移动设备上显示桌面版网站

Question

当我改变浏览器窗口的宽度时，我的网站表现良好，具有很好的响应能力。我还在 这个Studio Press响应测试工具 下不同视图端口宽度进行了检查，看起来一切正常。然而，当一些客户在不同手机上特别是Galaxy S3上检查时，他们只看到桌面版本的站点，而不是移动版。

请问有人可以指出我错过了什么吗？

- anwartheravian

---

请勿链接到您的网站。问题应该是自包含的。请阅读：http://meta.stackoverflow.com/questions/125997/something-in-my-web-site-or-project-doesnt-work-can-i-just-paste-a-link-to-it - Diodeus - James MacFarlane

Answer 1

你需要一个 viewport meta 标签，以告诉设备网站应该显示在什么比例上：

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

- Adam

---

它在XHTML上不起作用。在XHTML中，<meta>标签应该被关闭'</meta>'。<meta name="viewport" content="width=device-width,initial-scale=1.0"></meta> - Vikranth Reddy B