javascript - Chrome 中的最小视口(viewport)宽度

Question

如何在 Chrome 中设置最小视口(viewport)宽度？

我把它放在文档的头部:

<meta name="viewport" content="width=device-width, initial-scale=1">

这对于 CSS:

@viewport {
    min-width: 700px;
}

Answer 1

这有点不同，但我认为它可能会产生与您想要达到的效果相同的效果。尝试在 Full Page 中查看下面的代码并调整浏览器大小。正文与浏览器窗口的宽度相同，但 min-width 为 700px。

html,
body {
  padding: 0;
  margin: 0;
  width: 100%;
  min-width: 700px;
  height: 100%;
}
.box {
  display: inline-block;
  height: 100px;
  width: 100%;
  background-color: #000;
}

<div class="box"></div>
<h1>Some Text</h1>