2

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

我使用@media查询来告诉该网站上的元素（例如列）在下方变为 100% 宽max-width: 800px（对于手机也是如此）。例子：

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

我想要的是在 1920px 显示器上看到手机版网站。有没有办法在不将浏览器窗口大小调整为 <800px 的情况下实现这一点？

4

2 回答 2

1

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

于 2012-08-24T21:37:01.773 回答
1

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

于 2012-08-24T21:30:24.477 回答