媒体查询正常但不正确

我遇到了一些问题。我建立了一个响应式网站http://www.nickpassaro.com/ClientSiteDev/New-NPD/，但出于某种原因，虽然它在桌面上完美工作，并在调整浏览器窗口大小时正确重新排列其布局，但它在移动设备上无法正常工作。在iPhone上，它将我送到平板电脑网站，在Windows Phone 8上，它向我展示了移动网站，但一切看起来都真的被缩小了。我的媒体查询设置为使用640px以下的移动设备，960以下的平板电脑以及960以上的桌面设备。有人可以在我的网站上点击查看来源，看看他们是否可以看到为什么它使用设备像素而不是CSS像素？媒体查询正常但不正确

谢谢。

来源

2013-02-28 Nick Passaro

其工作不正常的原因是您尚未分配视口。

https://developer.mozilla.org/en-US/docs/Mobile/Viewport_meta_tag

为你的情况基本视口可以是：

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

来源

2013-02-28 02:38:53

好吧，我会检查出来。到目前为止，我已经重建了这个站点3次，我不记得我是否使用过所有视窗标记。事情是我从一个工作的响应网站复制了这个网站的标题，所以当我将我的旧标题复制到这个新网站时，我可能错过了这个元标记 – 2013-02-28 02:43:55

它工作得很好。我不能相信我忘记了meta标签lol – 2013-02-28 04:25:11

非常欢迎:-) – 2013-02-28 04:26:40

媒体查询正常但不正确

回答

相关问题