Chrome 中的最小视口宽度

Question

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

我把它放在文档的头部：

<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>