绕过 Windows Display Scaling 搞砸了大众汽车设备？

问：

我正在学习 React 课程，在某些时候，老师正在使用 vw 单位来设置某些卡片的容器宽度。一切对他来说看起来都很好，但是当我将代码复制粘贴到我的 css 文件中时，它就关闭了。即使我使用的是 85vw，卡也会离开屏幕。

我发现这是因为我有一台小型笔记本电脑和一个 2k 显示器。在 Windows 设置中，我将缩放设置为 200%，这搞砸了一切。

当我执行以下操作之一时，问题得到解决：

1. 我将显示分辨率设置为 1920x1200（我有一个 16：10 的显示器）
2. 我将比例设置为 100%

有没有办法绕过这个 Windows 缩放并使我的网站在所有屏幕上看起来都不错？

CSS 文件：

.card-list {
  width: 85vw;
  margin: 0 auto;
  display: grid;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  grid-gap: 20px;
}
.card-container {
  display: flex;
  flex-direction: column;
  background-color: #95dada;
  border: 1px solid grey;
  border-radius: 5px;
  padding: 25px;
  cursor: pointer;
  -moz-osx-font-smoothing: grayscale;
  backface-visibility: hidden;
  transform: translateZ(0);
  transition: transform 0.25s ease-out;
}

.card-container:hover {
  transform: scale(1.05);
}