我有一个网站给我提供了ipad观看的不当问题。 （如果你检查muy其他问题，并有关于修复它的想法，你就是我的英雄！）
为了努力解决这个问题，我试图在我的电脑上使用firefox查看我的网站，看看使用我的ipad（带有firebug插件）时的尺寸是什么样的。
问题：在我的CSS中，我使用： @media only屏幕和（min-device-width：768px）和（max-device-width：1024px）和（orientation：landscape）{ ... }
这似乎并没有得到Firefox的好处。对于firefox，我在这里使用插件： http://chrispederick.com/work/user-agent-switcher/
定义了一个名为ipad的新类型，如下所示： Mozilla / 5.0（iPad; U; CPU OS 3_2，如Mac OS X; en-us）AppleWebKit / 531.21.10（KHTML，类似Gecko）版本/ 4.0.4 Mobile / 7B334b Safari / 531.21.10 （我没有更改其他值，只是“用户代理”选项。但是，其他网站仍然认为我是“ipad”，所以我认为它有效）
但是，我的css文件没有被提取（或者更确切地说，修改后的版本没有通过）。这可能是： 萤火虫的问题，正在呈现css 要么 用户代理切换器的问题，以及无论是什么东西，哪个css可以使用，知道我在ff上用于个人电脑 要么 我的css切换有问题吗？
喝彩！
答案 0 :(得分：2)
看看CSS3 media query not working第二个答案可以解决您的问题
基本上，我们的想法是使用(min|max)-device-width
(min|max)-width
来自http://css-tricks.com/resolution-specific-stylesheets/
请记住，这是设备宽度，而不是浏览器窗口的当前宽度。在iPhone（3G（s））上，这意味着480px。我喜欢的新款MacBook Pro将为设备宽度返回1920px。但是我的实际浏览器窗口只是这个时刻的一半。在处理移动设备时，设备宽度非常有用，浏览器在使用时可能是屏幕的100％，但在笔记本电脑/台式机浏览器中不太有用。