CSS 内容在放大时消失

Question

https://github.com/KaanAlper/Discord-Card 在桌面浏览器上我可以使用它高达 125%，之后内容就会消失。 在手机中没有任何东西可以直接看到

我尝试删除容器并直接保留内容，但即使这样，除了按钮之外，背景也会变大变小。坦白说，我刚刚学习这门语言。提前抱歉。

Answer 1

问题是你的CSS中的这段代码：

@media screen and (max-width: 1470px) {
  .card-container {
    width: 1100px;
  }

  /* ↓↓↓ */
  .card:last-child {
    display: none;
  }
}

我不确定你想用

:last-child

伪选择器做什么，但因为你只有一个

.card

元素，它既是第一个也是最后一个子元素，因此它会隐藏在小于1470 像素。浏览器将根据缩放百分比应用移动样式。如果您想知道原因，这是一个很好的答案。