媒體查詢正常但不正確

我遇到了一些問題。我建立了一個響應式網站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

媒體查詢正常但不正確

回答

相關問題