媒体查询新ipod touch第5代失败

时间:2013-03-22 15:29:07

标签: css media-queries ipod-touch

问题说明

我正在试图找出新ipod触控单元的宽度。我的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 个答案:

答案 0 :(得分:1)

我在没有加载的徽标之后添加了!important关键字,现在它可以正常工作。所以看起来我的特异性问题。 要追捕那个