我可以使用Firefox来伪造CSS媒体唯一屏幕？
我有一个网站给我带来了与ipad查看过度的问题。 （如果你检查其他问题，并有解决它的想法，你会成为我的英雄！）我可以使用Firefox来伪造CSS媒体唯一屏幕？
为了努力工作，我试着用我的电脑上的firefox查看我的网站，看到当使用我的ipad（与萤火虫附加组件）时，尺寸是什么样子。
问题：在我的CSS，我使用： @media只有屏幕和（分设备宽度：768px）和（最大设备宽度：1,024）和（方向：横向）{ ... }
虽然这似乎并没有被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）Version/4.0.4 Mobile/7B334b Safari/531.21.10 （我没有更改其他值，只是“user-agent”选项。我是一个“ipad”，所以我认为它的工作原理）
然而，我的css文件没有得到拾起（或者说，修改后的版本没有通过）。这可能是： 与萤火虫的问题，并且该css正在呈现 或 用户代理切换器的问题，而事情 - 不管它是什么 - 确定使用哪个css知道我在ff上PC 或 与我的CSS切换问题？
干杯！
看看CSS3 media query not working第二个答案可以解决你的问题
基本的想法是从http://css-tricks.com/resolution-specific-stylesheets/
改变
(min|max)-device-width与(min|max)-width请记住，这是设备的宽度，不是浏览器窗口的当前宽度。在iPhone（3G（s））上，这意味着480px。我看中的新款MacBook Pro将会为设备宽度返回1920px。但是我的实际浏览器窗口只有这个时刻的一半。处理浏览器在使用时可能是屏幕100％的移动设备时，设备宽度非常有用，但在笔记本电脑/台式机浏览器中不太有用。