CSS 设置最小宽度并保持等比例缩放，如何避免滚动条出现？

要同时设置 min-width 和等比例缩放无滑动条，可以使用 CSS 中的 flexbox 布局来实现。

首先，将父容器设置为 flex 布局，然后将子容器设置为 flex-grow: 1，这样子容器会自动填充父容器的剩余空间。

接下来，使用 padding-top 属性来设置子容器的高度，以保持宽高比。在这种情况下，需要知道宽高比例，然后通过计算得到 padding-top 的值。

最后，设置子容器的 overflow 属性为 hidden，这样当内容超出容器宽高时，会自动隐藏并不显示滚动条。

以下是一个示例代码：

HTML:

<div class='container'>
  <div class='content'></div>
</div>

CSS:

.container {
  display: flex;
  min-width: 400px;
}

.content {
  flex-grow: 1;
  padding-top: 75%; /* 设置宽高比例，例如 4:3 的宽高比为 75% */
  overflow: hidden;
}

根据实际需求，将宽高比例替换为所需的比例值。这样设置后，即使在窗口缩小时，容器也会保持最小宽度，并且内容会按比例缩放而不会出现滚动条。