2013-03-22 60 views
0

問題描述媒體查詢新的iPod touch的第五代失敗

我試圖找出新的iPod touch單位的寬度。我的CSS媒體查詢在設備上失敗...出現的標誌是巨大的。

我試圖谷歌這一點,並發現了一些文章,如: http://css-tricks.com/snippets/css/media-queries-for-standard-devices/

但沒有什麼我試過到目前爲止的作品。

代碼:

這裏的媒體查詢我期待將工作:

@media only screen and (max-width: 220px), only screen and (max-device-width: 480px) {} 

我試過到目前爲止:

除了與最大寬度值打範圍從200到480,我也嘗試在Firefox中使用響應式網頁設計工具。 使用此工具將我的視圖大小更改爲320 x 480時,會顯示正確的徽標。 但是,當我使用我的iPod測試網站時,我得到了不同大小的標誌。

我也改變了查詢,以便它看起來像:

@media (min-width: 320px) and (max-width: 480px) { 

@media only screen and (max-device-width: 480px) { 

其他問題

你如何正確地測試緩存的問題?我試圖確保在我的桌面上,我總是按CTRL + F5來刷新頁面,但我不知道如何在我的iPod上做到這一點。 這可能是問題嗎?

我不知道我在做什麼錯。 任何建議,將不勝感激。謝謝!

回答

1

我在未加載標誌後添加!重要關鍵字,現在它可以工作。所以看起來我有特殊問題。 打算去打獵