怎样在css中设置宽度为视口的最大宽度同时不会随视口变化

你可以使用 `max-width` 属性来设置宽度为视口的最大宽度，同时使用 `width` 属性来设置一个固定的宽度，例如：

.container {
  max-width: 1200px;
  width: 100%;
  margin: 0 auto; /* 居中显示 */
}

这样的话，容器的宽度会在视口宽度小于等于 1200px 时自动调整为视口宽度，而在视口宽度大于 1200px 时，容器的宽度会固定为 1200px，并且不会随视口变化。同时使用 `margin: 0 auto;` 可以让容器水平居中显示。