html - 将 css 视口(viewport)缩放限制为 800px

Question

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

Answer 1

正在关注 this link ，您可以确定视口(viewport)的最小宽度和最大宽度，例如

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

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

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