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。

＆＃13;

＆＃13;

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

＆＃13;

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

＆＃13;

＆＃13;

＆＃13;