0
嗨，所以我有一个被通过iPhone模拟器媒体查询和Firefox /铬
<link rel="stylesheet" media="all and (max-device-width: 480px)" href="css/iphone.css">
我想这样做的是通过调整浏览器模拟这个在Firefox或Chrome拿起一个媒体查询，这是可能？
A
回答
1
<link type="text/css" rel="stylesheet" href="css/iphone.css" media="all and (max-width: 480px)" />
+0
你介意解释你的答案吗？ – 2012-04-04 12:09:27
+0
也许我没有理解，原来的问题，但是... 我明白他有什么用CSS /铬iphone.css /火狐如果窗口480像素下调整。 – kubedan 2012-04-04 12:16:59
+3
这是正确的，但只是张贴一些代码是不是非常有帮助？ – 2012-04-04 14:07:52
-1
是的，你可以直接在Firefox和Chrome上模拟这个。但Firefox不支持低于480
媒体查询您还可以检查在Firefox &铬下面的链接，重新大小。 http://www.smashingmagazine.com/
希望这有助于
0
您需要使用max-width。 max-device-width是物理屏幕的大小，所以不会改变。请参阅：What is the difference between max-device-width and max-width for mobile web?
但是，这并不能完全解决iOS问题，因为Safari默认报告宽度（但不是设备宽度）为980像素，因此不针对移动设计的页面显示为完全缩小页。所以，你也需要像这样添加到您的HTML：
<meta name="viewport" content="initial-scale = 1.0">
您可以在这里视口设置找到苹果的引用： http://developer.apple.com/library/ios/#DOCUMENTATION/AppleApplications/Reference/SafariWebContent/UsingtheViewport/UsingtheViewport.html
相关问题
- 1. 铬CSS黑客和媒体查询
- 2. 媒体查询工作在铬，但不safari，即，或Firefox？
- 3. 媒体查询不在铬中工作
- 4. 媒体查询的iPad Pro的不铬
- 5. 错误与媒体铬查询
- 6. 媒体查询不在铬中工作
- 7. 媒体查询工作在Firefox，但铬拿起错的分辨率/查询
- 8. CSS和媒体查询
- 9. 如何让Firefox使用媒体查询？
- 10. Firefox无法识别媒体查询
- 11. Firefox特定的媒体查询
- 12. 媒体查询和Safari
- 13. 媒体查询和文本
- 14. xcode和ipad媒体查询
- 15. Javascript和媒体查询
- 16. css3媒体查询不工作在Firefox和歌剧
- 17. CSS媒体查询和Firefox的滚动条的宽度
- 18. Firefox，Windows DPI缩放和CSS最大宽度媒体查询
- 19. 在Firefox和Chrome中不起作用的CSS媒体查询
- 20. 媒体查询在Mozilla
- 21. jQuery砌体和媒体查询 - Responsiviv
- 22. 媒体查询跨框架
- 23. 媒体查询CSS
- 24. CSS3媒体查询
- 25. Javascript媒体查询
- 26. iPhone媒体查询
- 27. CSS媒体查询
- 28. （CSS）媒体查询
- 29. jQuery媒体查询
- 30. 力媒体查询
这的确是。只需调整您的浏览器。 – 2012-04-04 12:09:52