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

anw*_*ian 3 css mobile desktop

当我改变浏览器窗口的宽度时,我的网站显示出良好的响应行为.我也在这个工作室印刷机响应测试工具的不同视口宽度下检查了它似乎工作正常.但是,当我的一些客户在不同的手机上检查它时,特别是Galaxy S3,它们会看到网站的桌面版本,而不是移动版本.

有人可以指出我错过了什么.

Ada*_*dam 8

您需要一个视口元标记来告诉设备应该以何种比例显示您的网站:

<meta name="viewport" content="width=device-width,initial-scale=1.0">
Run Code Online (Sandbox Code Playgroud)

  • 它不适用于 XHTML。在 XHTML 中,&lt;meta&gt; 标签肯定应该以“&lt;/meta&gt;”闭合。`&lt;meta name="viewport" content="width=device-width,initial-scale=1.0"&gt;&lt;/meta&gt;` (2认同)