0

我有点问题。我在http://www.nickpassaro.com/ClientSiteDev/New-NPD/建立了一个响应式站点,但由于某种原因,虽然它在桌面上完美运行,并且在您调整浏览器窗口大小时可以正确重新排列其布局,但它不是t 在移动设备上正常工作。在 iPhone 上,它将我发送到平板电脑站点,在 windows phone 8 上,它向我显示移动站点,但一切看起来都被缩小了。我的媒体查询设置为移动设备使用低于 640 像素,平板电脑使用低于 960,桌面使用超过 960。有人可以在我的网站上点击查看源代码,看看他们是否可以看到为什么它使用设备像素而不是 CSS 像素?

谢谢你。

4

1 回答 1

0

它无法正常工作的原因是您没有分配视口。

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

您的案例的基本视口可以是:

<meta name="viewport" content="width=device-width, initial-scale=1.0" />
于 2013-02-28T02:38:53.933 回答