Question

我的网站将<body>容器max-width设置为1000px，width设置为100％，这使得它在100px到4000px（以及更高）的所有分辨率下都能正常显示 - 它具有响应性。< / p>

我使用@media个查询来告诉该网站上的元素（例如列）在max-width: 800px以下100％宽（因此对于手机而言）。例如：

.column { width: 50%; float: left; }
@media (max-width: 800px){
.column { width: 100%; }
}

我想要的是在1920px显示器上看到手机版网站。有没有办法实现这一点，而无需将浏览器窗口调整为＆lt; 800px？

Answer 1

不，没有。您需要将浏览器窗口的大小调整为所需的大小，以便模拟较小的屏幕。

Answer 2

尝试这个方便的工具。它允许您以几种不同的宽度查看网站。 http://responsive.victorcoulon.fr/