html - 响应式网页设计在调整桌面浏览器大小时不显示移动布局？

Question

http://stackoverflow.com这样做，以及 www.ancestry.com。如果这些网站没有单独的子域，那么在调整浏览器窗口大小时，这些网站如何避免在桌面上显示移动布局？据我了解，媒体查询会根据视口(viewport)调整网站大小，但 StackOverflow 和 Ancestry 都只会调整到某个点——在手机上布局完全不同。有什么帮助吗？我想知道像给出​​的示例这样的网站是如何实现这一目标的。

Answer 1

从技术上讲，它是通过在您的文档上强制使用 min-width 来完成的，这将导致水平滚动低于该大小，其中:

html {
  min-width: 1000px;
}

但是，只有在您可以 100% 保证此站点仅提供给桌面设备时，您才应该提供此类 CSS。这不适用于移动设备。如果用户调整窗口大小，在桌面上显示移动布局是完全正常的。它自然适应分屏模式情况。