嗨，我有一个被 ios 模拟器接收的媒体查询
<link rel="stylesheet" media="all and (max-device-width: 480px)" href="css/iphone.css">
我想做的是通过调整浏览器的大小在 Firefox 或 chrome 上模拟这个，这可能吗？
问问题
1539 次
3 回答
1
<link type="text/css" rel="stylesheet" href="css/iphone.css" media="all and (max-width: 480px)" />
于 2012-04-04T12:07:24.517 回答
0
你需要使用max-width. max-device-width是物理屏幕尺寸，因此不会改变。请参阅：移动网络的 max-device-width 和 max-width 有什么区别？
但是，这并不能完全解决您的 iOS 问题，因为 Safari 默认报告的宽度（但不是设备宽度）为 980 像素，因此并非为移动设备设计的页面显示为完全缩小的页面。因此，您还需要在 HTML 中添加如下内容：
<meta name="viewport" content="initial-scale = 1.0">
您可以在此处找到 Apple 关于视口设置的参考：http: //developer.apple.com/library/ios/#DOCUMENTATION/AppleApplications/Reference/SafariWebContent/UsingtheViewport/UsingtheViewport.html
于 2012-04-18T14:56:31.677 回答
-1
Yes you can directly simulate this on Firefox and chrome. But Firefox doesn't support media queries below 480.
You can also check the below link for re-size in Firefox & chrome. http://www.smashingmagazine.com/
Hope This Helps
于 2012-04-04T12:07:51.807 回答