我的网站将<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/