Css 如何在桌面上检查媒体查询

是否有一种使用css3媒体查询的方法，可以在横向和纵向中更改设计

---

所以我想检查一下这个效果。但我如何在桌面上使用。有什么工具可以像在JSFIDLE中那样使用这种效果吗？

媒体查询会响应屏幕/视口的大小。只需调整浏览器窗口的大小。

您好，这是css媒体查询的一个示例，只需调整页面大小即可 或

---

这里有一个！尝试将浏览器宽度调整为小于600px，尝试此Chrome扩展：

---

我用它，它很好。

尝试过调整浏览器窗口的大小吗？你能举个例子说明只使用fiddle添加标签，在方向改变时改变背景吗？你能举个例子说明只使用fiddle添加标签，在fiddle上改变背景吗？如果你使用chrome或firefox，它们都有开发工具可以让你这样做。在chrome中：只需按f12键并进入设置（右下角的小齿轮）。然后转到覆盖并选中启用。然后您可以在那里设置设备指标。

@media (max-width: 400px) {
    .responsive-test {
        width: 1px;
    }
}