【发布时间】：2013-03-12 12:45:48
【问题描述】：
问题描述
我正在尝试计算新 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 上做到这一点。 这可能是问题吗？
我不确定我做错了什么。 任何建议，将不胜感激。谢谢！
【问题讨论】：
标签： css media-queries ipod-touch