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>