大家好，我有一个媒体查询，可以通过ios模拟器获取
<link rel="stylesheet" media="all and (max-device-width: 480px)" href="css/iphone.css">
我想要做的是通过调整浏览器大小来在firefox或chrome上模拟这个，这可能吗？
答案 0 :(得分：1)
<link type="text/css" rel="stylesheet" href="css/iphone.css" media="all and (max-width: 480px)" />
答案 1 :(得分：0)
您需要使用max-width。 max-device-width是物理屏幕大小，因此不会更改。请参阅：What is the difference between max-device-width and max-width for mobile web?
但是，这并不能完全解决您的iOS问题，因为默认情况下Safari报告的宽度（但不是设备宽度）为980px，因此非设计用于移动设备的页面显示为完整的缩小页面。因此，您还需要在HTML中添加以下内容：
<meta name="viewport" content="initial-scale = 1.0">
您可以在此处查看Apple对视口设置的引用： http://developer.apple.com/library/ios/#DOCUMENTATION/AppleApplications/Reference/SafariWebContent/UsingtheViewport/UsingtheViewport.html
答案 2 :(得分：-1)
是的，你可以在Firefox和Chrome上直接模拟这个。但Firefox不支持480以下的媒体查询。
您还可以在Firefox和＆amp ;;中查看以下链接以重新调整尺寸铬。 http://www.smashingmagazine.com/
希望这有助于