有没有一种方法可以在不调整浏览器窗口大小的情况下触发CSS最大宽度@媒体查询



我的网站将<body>容器max-width设置为1000px,将width设置为100%,这使得它在从100px到4000px(甚至更高)的所有分辨率上都显示良好-它响应灵敏。

我使用@media查询来告诉该网站上的元素(如列)变得比max-width: 800px宽100%(手机也是如此)。示例:

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

我想要的是在1920px显示器上看到手机版的网站。有没有一种方法可以在不将浏览器窗口调整为<800px

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

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

相关内容

最新更新