2013-03-22 58 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

我在未加载标志后添加!重要关键字,现在它可以工作。所以看起来我有特殊问题。 打算去打猎