我正在尝试建立一个与 iphone / android / ipad 兼容但不拥有这些设备的网站。我尝试使用Responsinator，但注意到它甚至没有接收到我的 iphone 媒体查询，例如：
/* iphone */
@media only screen and (max-device-width: 480px) {
#wrapper { background-color: red; }
}
#wrapper 的背景在Responsinator的 iphone 查看器上没有显示为红色，但在实际的 iphone 上显示为红色。是否有任何好的免费网站或应用程序可以获取 css 媒体查询，以便我可以为这些设备进行开发而不必拥有所有这些设备？
谢谢
我认为他们没有在“普通”浏览器中被选中的原因是你正在使用max-device-width. 如果您max-width改用它们，它们将“无处不在”（而不是 IE）。
我还建议首先对移动设备进行编码。不要从最大的分辨率开始向后工作，而是从最小的开始并随着分辨率的增长而改进布局。
我个人使用此代码：
/* Default */
/* Little larger screen */
@media only screen and (min-width: 480px) {
}
/* Pads and larger phones */
@media only screen and (min-width: 600px) {
}
/* Larger pads */
@media only screen and (min-width: 768px) {
}
/* Horizontal pads and laptops */
@media only screen and (min-width: 992px) {
}
/* Really large screens */
@media only screen and (min-width: 1382px) {
}
/* 2X size (iPhone 4 etc) */
@media only screen and
(-webkit-min-device-pixel-ratio: 1.5), only screen and
(-o-min-device-pixel-ratio: 3/2), only screen and
(min-device-pixel-ratio: 1.5) {
}