问题描述
我想弄清楚新的 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 上做到这一点。这可能是问题吗？
我不确定我做错了什么。任何建议，将不胜感激。谢谢！