在浏览器中放大页面

Question

当我运行 VScode 实时服务器时，整个页面太大，并且我没有响应式网页 但是在 DevTools 中它工作得很好。

这就是页面在我的屏幕上的样子

这就是它在 DevTools 中的显示方式

这是CSS媒体查询

@media screen and (min-width: 1200px) {
  .section-center {
    width: 95vw;
    grid-template-columns: 1fr 1fr;
  }
  .photo {
    height: 150px;
  }
}

Answer 1

这是浏览器的“尺寸”设置

Answer 2

我认为这与此有关：

还要确保您有：

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

在您的

head

标签内。