如何检查桌面上的媒体查询

Question

有没有办法使用css3媒体查询，您可以在其中更改横向和纵向设计。

所以我想检查一下这个效果。但我如何在桌面上使用。是否有任何工具可以像jsfiddle一样使用这种效果？

Answer 1

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

Answer 2

嗨，这是css媒体查询的一个例子，只需调整页面大小 JSFIDDLE或this one

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

Answer 3

这是Codepen！尝试将浏览器宽度调整为小于600px

Answer 4

试用此Chrome扩展程序：https://chrome.google.com/webstore/detail/window-resizer/kkelicaakdanhinjdeammmilcgefonfh

我使用它并且它非常好。