我有点问题。我在http://www.nickpassaro.com/ClientSiteDev/New-NPD/建立了一个响应式网站，但出于某种原因，当它在桌面上完美运行并在您调整浏览器窗口大小时正确地重新排列其布局时，它在移动设备上无法正常工作。在iPhone上，它将我发送到平板电脑网站，在Windows Phone 8上，它向我显示移动网站，但一切看起来都已缩小。我的媒体查询设置为640px以下用于移动设备，960以下用于平板电脑，超过960用于桌面设备。有人可以点击我的网站上的查看源，看看他们是否可以看到为什么它使用设备像素而不是CSS像素？
谢谢。答案 0 :(得分：0)
它无法正常工作的原因是您尚未分配视口。
https://developer.mozilla.org/en-US/docs/Mobile/Viewport_meta_tag
您案例的基本视口可以是：
<meta name="viewport" content="width=device-width, initial-scale=1.0" />