CSS 内容在放大时消失

问题描述 投票:0回答:1

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

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

javascript html css containers position
1个回答
0
投票

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

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

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

我不确定你想用

:last-child
伪选择器做什么,但因为你只有一个
.card
元素,它既是第一个也是最后一个子元素,因此它会隐藏在小于1470 像素。浏览器将根据缩放百分比应用移动样式。如果您想知道原因,这是一个很好的答案

© www.soinside.com 2019 - 2024. All rights reserved.