css - 优化我的网站以达到 1024 以上的分辨率

Question

即使我的 div 容器的宽度设置为 100vw，我的网站在 1024 以上的分辨率下也无法正常工作。当我在大型显示器上查看它时，div 容器看起来很小。据我所知，100vw 是屏幕的 100% 宽度。有人可以解释一下。

标签： cssreact-bootstrap

Answer 1

@media (min-width: 1024px) {
  .container, .container-sm {
    max-width: 1024px;
  }
}

这就是它在达到1140px之前不会增长到1024px以上的原因。这是默认情况下对bootstrap中容器的媒体查询。