Chrome中的最小视口宽度

Minimum Viewport Width in Chrome

本文关键字：视口 Chrome      更新时间：2023-09-26

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

我把这个放在文件的开头：

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

对于CSS:

@viewport {
    min-width: 700px;
}

这有点不同，但我认为它可能具有与您试图实现的效果相同的效果。请尝试在Full Page中查看下面的代码并调整浏览器大小。主体与浏览器窗口的宽度相同，但具有700px的min-width。

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>

相关文章：