将 css 视口缩放限制为 800 像素

Question

我的 CSS 设计为移动优先，所以一切都依赖于使用 vh 和 vw 的 viewport。对于桌面使用，我想将缩放比例限制在 800px 范围内并将其居中。有没有办法将 viewport 限制在 800px 的最大值？我如何将它居中？

Answer 1

按照this link，您可以确定视口的最小宽度和最大宽度，例如

@viewport {
  min-width: 640px;
  max-width: 800px;
} 

为了获得最大的浏览器支持，您可以像这样定义 html 和 body 的最小和最大宽度

html, body {
  min-width: 640px;
  max-width: 800px;
}